@charset "UTF-8";*,:after,:before{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size: 16px;}
ul, ol, li{list-style: none;}
img{border: none;}
a{color: #333; text-decoration: none;}
a:link{text-decoration: none;}
input, select{font-size: 16px; vertical-align: middle; outline: none; color: #000;}
input::-webkit-input-placeholder{font-size: 16px; color: rgba(0, 0, 0, 0.6);}
input::placeholder{font-size: 14px; color: rgba(0, 0, 0, 0.6);}
.clearfix:after,.clearfix:before{content: ''; display: table; clear: both; overflow: hidden;}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.clear-fix{display:table;height:0px;width:100%;float:none;clear:both;overflow:hidden}
html{/*font-size:62.5%*/}/* 1em = 10px, 1.2em = 12px; 1rem = 10px, 1.2rem = 12px; rem */
body{ font-family:Arial,Microsoft Yahei; background: #fff;color: #000;}
/* 样式基础部分结束 */
.small_top_left h3 {
float: right;
width: px;
height: 34px;
margin: 0px 10px 0px 0px;
font-size: 13px;
color: #333;
line-height: 34px;
}
/* =========================================css【end】========================================== */
/*s 头部 */
.byt_box { width: 100%; height: px; background:#005ca2 url("../images/_bg.jpg") no-repeat center top; position: fixed; z-index:11112; }
.byt_head { width: 100%; height: px; background:#fff url("../images/_bg.jpg") no-repeat center top;}
.byt_head_center { width: 1300px; height: 118px; margin: 0 auto; position:relative;}
.byt_head_center>a{width: 542px; height: 92px; margin: 11px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#333 ; line-height: px; font-size: 15px; font-weight: 400; position:relative; float: left; display: inline-block; background: #fff url("../images/logo.png") no-repeat left top; image-rendering: pixelated ; position:relative;}
.byt_head_center>a>span{width: px; height: px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#333 ; line-height: px; font-size: 15px; font-weight: 400; ; display: inline-block; position:absolute; left: 280px; top: 21px; z-index: 1; }
.byt_head_center>a>span>h1{width: px; height: px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#54585a ; line-height: px; font-size: 20px; font-weight: 400; text-align: left; display: inline-block; }
.byt_head_center>a>span>h2{width: px; height: px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#000 ; line-height: px; font-size: 13px; font-weight: 400; text-align: left; display: inline-block;; text-transform: uppercase; letter-spacing:0px; }
/*e 头部 */
/*default 固定导航头部 */
#search_ico{position: absolute; right: 111px; top:34px; float: right; width:px;height: 29px; transition: all 0.6s;outline: block}
/*.logo.active #search_ico{top:30px;}*/
.search_input{display:none;position: absolute; right: 147px; top:31px; float: right; width: 230px;}
/*bs 头部*/
.bs_head{position: fixed; z-index:76;width: 100%; height: 98px; background: url("../images/head_bg.png") repeat-x center top;}
.bs_head_center{width: 1234px; height: px; margin: 0 auto;}
.bs_logo{position:relative; float: left; width: 476px; height: 70px; margin: 12px 0px 0px 0px; background: url("../images/logo.png") no-repeat center top;}
.bs_logo span{position:absolute; left: 227px; top: 17px; z-index: 1; line-height: 14px;}
.bs_logo span h1{ font-size: 15px; color:#000 ; line-height: px; }
.bs_logo span h2{ font-size: 15px; color:#7d7d7d ; line-height: px; letter-spacing:1.3px; }
/*bs 头部 end*/
/*bs 头部导航*/
#bs_menu {float:right;width: 743px; margin-right: 0px; }
#bs_menu li {position: relative; float: left; width: 80px; height:100px; margin: 0 10px; line-height:101px;text-align: center; transition:all 0.6s;}
/*.logo.active #bs_menu>li {height:80px; line-height:80px;}*/
#bs_menu li a {display: block; width: 90px; height:87px; font-size: 16px; color: #333;font-weight:500; transition: all .45s linear;}
#bs_menu li.navon a {height:87px; border-bottom: 3px solid #e50200; color: #333}
#bs_menu li span { display: none; }
#bs_menu li ul {position: absolute; top: 120px; opacity: 0; transition: all .6s; visibility: hidden; z-index: 9999;}
#bs_menu li ul li { clear: both; float: none; overflow: hidden; width: 90px; height: 34px; line-height: 34px; border-bottom: 1px solid #fff; background: #2D6EB0; transition: all .6s; margin: 0;}
#bs_menu>li:last-child { width: 60px;}
#bs_menu li ul li a { width: 100%; font-size: 13px; color: #333; margin: 0;}
/*.logo.active #bs_menu li ul li a { width: 100%; font-size: 13px; color: #fff; margin: 0;}
#bs_menu li ul li:hover {border-radius: 0;}*/
#bs_menu li ul li:hover a {color: #fff; background: #157EE8;}
#bs_menu li:hover a {/*border-bottom: 3px solid #F89B2D;*/ color: #333; border-bottom: 3px solid #e50200;}
#bs_menu li:hover ul {top: 100px; opacity: 1; visibility: visible;}
/*.logo.active #bs_menu li:hover ul {top: 80px; opacity: 1; visibility: visible;}*/
#bs_menu li:hover ul li a { color: #fff;}
/*#bs_menu li.navli2 ul li{width: 150px;margin-left: -30px;}*/
.menu_last{float: right; width: 100px; height: 34px; margin: 0px 0px 0px 0px; font-size: 13px; color:#333 ; line-height: px; font-weight:normal; text-align: center;}
/*bs 头部导航 end*/
/*bs 关于我们*/
.bs_about{width: 100%; height: 688px; background: #f4f4f4; padding-top: 130px}
.bs_about_center{width: 1234px; height: px; margin: 0 auto;}
.bs_about_head{width: px; height: px; margin: 0px auto 0px;}
.bs_about_head span{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 47px; color:#e1e1e2 ; line-height: px; font-weight:bold; text-align: center; text-transform: uppercase; font-style: normal;}
.bs_about_head h1{display: block; width: px; height: px; margin: -38px 0px 0px 0px; font-size: 30px; color:#3d3e40 ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体 CN'; }
.bs_about_head h1::after{content: ''; display: block;width: 57px; height: 5px; margin: 8px auto 0px; background: #e50200}
.bs_about_head h2{display: block; width: px; height: px; margin: 13px auto 0px; font-size: 14px; color:#78797a ; line-height: px; font-weight:normal; text-align: center; }
.bs_about_head h3{display: block; width: px; height: px; margin: 13px auto 0px; font-size: 14px; color:#78797a ; line-height: 26px; font-weight:normal; text-align: center; }
.bs_about_con{ height: 410px; background: #fff; margin-top: 40px; border: 1px solid transparent;}
.bs_about_left{overflow: hidden;float: left; display: block; width: 460px; height: 308px; margin: 40px 48px 0px 33px; }
.bs_about_right{float: left; display: block; width: 647px; height: 308px; margin: 40px 0px 0px 0px;}
.bs_about_left img{transition: all .4s}
.bs_about_left img:hover{transform: scale(1.2);}
.rk_about_txt a h2{display:block;width:px; margin: 0px 0px 0px 0px;;font-size: 16px; color:#333 ; line-height: 36px; font-weight:normal; font-style: normal;}
.rk_about_txt a h2 p{text-indent: 2em;}
.rk_about_txt div.about_pagemore{display: block; width: 153px; height: 50px; margin: 5px 0px 0px 0px; font-size: 14px; color:#fff ; line-height: 50px; font-weight:normal; font-style: normal; text-align: center; background:#c1272d url("../images/arrow_ico.png") no-repeat 108px center;; ;transition:all .2s; }
.rk_about_txt div.about_pagemore:hover{/*background:#0d5c9c;*/background:#1251B3 url("../images/arrow_ico.png") no-repeat 110px center;}
/*bs 关于我们 end*/
/*bs 我们能做什么*/
.bs_what{width: 100%; height: 677px; background: #f4f4f4; padding-top: 65px}
.bs_what_bg{clear: both; overflow: hidden;width: 100%; height: 389px; background:url("../images/what_bg.jpg") no-repeat center top;margin-top: 49px;}
.bs_what_con{width: 1155px; height: px; margin: 0 auto;}
.bs_what_con li{float: left; display: block; width: 385px; height: 351px; margin: 25px 0px 0px 0px; text-align: center;;transition: all .3s}
.bs_what_con li img{width: 163px; height: px; margin-top: 71px;transition: all .3s; }
.bs_what_con li h1{font-size: 20px; color:#c0d5e5 ; line-height: 50px;;transition: all .3s; }
.bs_what_con li h2{font-size: 28px; color:#fff ; line-height: 24px;font-family: '思源黑体 CN'; }
.bs_what_con li span{display: block;width: 327px; height: 177px; margin: 20px auto 0; text-align: left;font-size: 16px; color:#fff ;opacity:0;line-height: 30px;transition: all .6s;}
.bs_what_con li:hover{background: #f49500}
.bs_what_con li:hover img{width: 70px;; margin-top: 15px;}
.bs_what_con li:hover h1{color:#fce4bd}
.bs_what_con li:hover span{opacity: 1;}
/*bs 我们能做什么 end*/
/*bs 首页---banner大图切换 */
.main_visual {
height: 597px;
position: relative;
top: 239px;
width: 100%;
margin: 0 auto;
image-rendering: pixelated;
}
.main_visual .flicking_con {position: relative; width: 990px; margin: 0 auto;}
.main_visual .flicking_con .flicking_inner {position: absolute; top: 0; left: 47%; z-index: 99; width: auto; height: 21px;}
.main_visual .flicking_con .flicking_inner a {display: block; float: left; width: 21px;height: 21px;margin: 0;padding: 0; background: url("../images/btn_main_img.png") 0 0 no-repeat;text-indent: -1000px;}
.main_visual .flicking_con .flicking_inner a.on {background-position: 0 -21px;}
.main_visual .main_image { height: 597px; overflow: hidden; position: relative; width: 100%; margin: 0 auto; border-top: 0 solid #d7d7d7;}
.main_visual .main_image ul {overflow: hidden; position: absolute; width: 100%;height: auto;top: 0;left: 0;}
.main_visual .main_image ul li {float: left;width: 100%;height: auto;}
.main_visual .main_image ul li span {display: block;width:99.96%; }
.main_visual .main_image ul li a {display: block;width: 100%;height: auto;}
.main_visual .main_image #btn_prev, .main_visual .main_image #btn_next {
z-index: 11111;
position: absolute;
width: 129px !important;
height: 242px !important;
top: 36%;
margin-top: -60px;
}
.main_visual .main_image #btn_prev {left: 100px; width: 129px;height: 242px; background: url("../images/hover_left.png") no-repeat center; /*rgba(245, 142, 49, 0.7)*/; }
.main_visual .main_image #btn_next {right: 100px; width: 129px;height: 242px; background: url("../images/hover_right.png") no-repeat center ;z-index: 100;/*rgba(245, 142, 49, 0.7);*/}
/*bs 搜索 */
.keyword{clear: both;width: 100%; margin-top: 100px; background: #f7f7f7 }
.keyword_center{width: 1183px; height: 84px; margin: 0 auto; }
.keyword_center h1{display: block; float: left; line-height: 84px; color:#333 ; font-size: 14px; font-weight:normal;}
.keyword_center form{display: block; float: right; width: 323px; height: px; margin: 0px 0px 0px 0px;}
.keyword_center form input.search_input {display: block; float: left; width: 245px; height: 41px; margin: 22px 0px 0px 0px; border: 1px solid #ddd;text-indent: 10px;}
.keyword_center form input.search_submit {display: block; float: left; width: 75px; height: 41px; margin: 22px 0px 0px 0px;cursor: pointer; outline: none; }
/*bs 用户现场*/
.bs_user{width: 100%; height: 710px; background: #f4f4f4 url("../images/user_bg.jpg") no-repeat center top;background-attachment: fixed; background-size: cover; -webkit-background-size: cover;padding-top: 78px}
.bs_user_center{width: 1234px; height: px; margin: 0 auto;}
.bs_user_head{width: px; height: px; margin: 0px auto 0px;}
.bs_user_head span{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 47px; color:#606060 ; line-height: px; font-weight:bold; text-align: center; text-transform: uppercase; font-style: normal;}
.bs_user_head h1{display: block; width: px; height: px; margin: -38px 0px 0px 0px; font-size: 30px; color:#fff ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体 CN';}
.bs_user_head h1::after{content: ''; display: block;width: 57px; height: 5px; margin: 8px auto 0px; background: #fff}
.bs_user_head h2{display: block; width: px; height: px; margin: 13px auto 0px; font-size: 14px; color:#C4C4C4 ; line-height: px; font-weight:normal; text-align: center; }
.bs_user_head h3{display: block; width: px; height: px; margin: 13px auto 0px; font-size: 14px; color:#C4C4C4 ; line-height: 26px; font-weight:normal; text-align: center; }
/*bs 用户现场 end*/
/*bs 新闻中心*/
.bs_news{width: 100%; height: 740px; background: #f9f9f9 url("../images/news_bg.jpg") no-repeat center top; padding-top:63px; }
.bs_news_center{clear: both; overflow: hidden;width: 100%; height: px; }
.bs_news .news-list {width: 1234px;height: 480px;margin: 33px auto 0;}
.bs_news .news-list .news-type {float: left;width: 819px;height: 480px;background: #fff;}
.bs_news .news-list .news-type .news-type-head {width: 94%;height: 59px;line-height: 59px;border-bottom: 1px dashed #5E5E5C;margin: 0 auto;}
.bs_news .news-list .news-type .news-type-head dt {float: right;}
.bs_news .news-list .news-type .news-type-head dt a {display: block;margin-top: 30px;font-size: 14px;color: #333;}
.bs_news .news-list .news-type .news-type-head dd {float: left;width: auto;height: 59px;line-height: 59px;margin: 0 30px 0 4px;}
.bs_news .news-list .news-type .news-type-head dd a {font-size: 25px;color: #111;}
.bs_news .news-list .news-type .news-type-head dd.active a {font-weight: bold;color: #3372BF;}
.bs_news .news-list .news-type .news-type-list {width: 94%;height: auto;clear: both;overflow: hidden;margin: 0 auto;}
.bs_news .news-list .question {float: right;width: 380px;height: 480px;background: #fff;}
.bs_news .news-list .question .question-head {width: 90%;height: 59px;border-bottom: 1px dashed #5E5E5C;margin: 0 auto;}
.bs_news .news-list .question .question-head b {float: left;font-size: 24px;color: #000;padding: 0 10px 0 5px;line-height: 59px;}
.bs_news .news-list .question .question-head span {float: left;font-size: 14px;color: #7D7F7F;line-height: 20px;padding-top: 25px;}
.bs_news .news-list .question .question-head a {float: right;width: auto;line-height: 73px;font-size: 15px;color: #050404;font-family: '思源黑体 CN';}
/* .public-title-intro {display: none;width: 100%;height: auto;clear: both;overflow: hidden;}
.public-title-intro.on {display: block;float:left;width: 100%}
.public-title-intro ul li {width: 100%;height: 1px;line-height: 40px;text-indent: 12px;}
.public-title-intro ul li a {display: block;float: left;font-size: 16px;color: #000;transition: all .45s linear;}
.public-title-intro ul li span {float: right;font-size: 14px;color: #777;}
.public-title-intro ul li.intro1 {height: 180px;background: none;text-indent: 0;margin: 20px auto;}
.public-title-intro ul li.intro1 img {float: left;display: block;width: 260px;height: 180px;border:1px solid #eee}
.public-title-intro ul li.intro1 .intro-world {float: right;width: 486px;height: 180px;}
.public-title-intro ul li.intro1 .intro-world a {display: block;float: none;}
.public-title-intro ul li.intro1 .intro-world a.a-title {font-size: 18px;color: #050607;height: 50px;line-height: 50px;}
.public-title-intro ul li.intro1 .intro-world a.a-intro {font-size: 14px;height: 100px;line-height: 25px;color: #888;text-align: justify;}
.public-title-intro ul li.intro1 .intro-world span {display: block;float: none;line-height: 40px;font-size: 14px;
color: #777;background: url("../images/times.png") no-repeat left center;text-indent: 24px;}
.public-title-intro ul li:hover a {color: #EB4C3A;} */
.bs_news .news-list .news-type .news-type-head {width: 94%;height: 59px;line-height: 59px;border-bottom: 1px dashed #5E5E5C;margin: 0 auto;}
.bs_news .news-list .news-type .news-type-head dt {float: right;}
.bs_news .news-list .news-type .news-type-head dt a {font-size: 15px;color: #333;font-family: '思源黑体 CN'; }
.bs_news .news-list .news-type .news-type-head dd {float: left;width: auto;height: 59px;line-height: 59px;margin: 0 30px 0 4px;}
.bs_news .news-list .news-type .news-type-head dd a {font-size: 25px;color: #111;}
.bs_news .news-list .news-type .news-type-head dd.active a {font-weight: bold;color: #3372BF;}
/* .public-technology {width: 90%;height: auto;clear: both;margin: 0 auto;}
.public-technology ul li {width: 100%;height: 90px;margin: 35px auto;}
.public-technology ul li a {display: block;width: 100%;height: 90px;}
.public-technology ul li a.a-title {width: 100%;height: 40px;line-height: 40px;}
.public-technology ul li a.a-title b {display: block;float: left;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #595957;font-size: 14px;color: #fff;font-weight: normal;margin: 9px 0 0 0;}
.public-technology ul li a.a-title span {display: block;float: right;width: 314px;height: 40px;line-height: 40px;font-size: 16px;color: #343131;overflow: hidden;}
.public-technology ul li a.a-intro {width: 100%;height: 60px;line-height: 30px;}
.public-technology ul li a.a-intro b {display: block;float: left;width: 22px;height: 22px;line-height: 22px;background: #EB4C3A;font-size: 14px;font-weight: normal;text-align: center;color: #fff;}
.public-technology ul li a.a-intro span {display: block;float: right;width: 314px;height: 50px;line-height: 25px;font-size: 14px;color: #777474;} */
/*bs 新闻中心 end*/
/*bs 产品*/
.bs_pro{width: 100%; height: 700px; background: #f4f4f4; padding-top: 0px}
.bs_pro_center{width: 1234px; height: px; margin: 0 auto;}
.bs_pro_list {overflow: hidden;margin-top: 50px;}
/*.bs_pro_list ul.pro_con_on{display: block;margin-top:40px;}*/
.bs_pro_list li {position: relative;float:left;width: 304px; height: 480px; background: #fff;/*margin:17px 6px 17px 6px;*/transition: all 0.2s;text-align: center; padding: 0 11.5px;}
.bs_pro_list li:hover{background: #006ec5; box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);}
/*.bs_pro_list ul li a {display: block;width: 360px;margin:30px 40px 0 40px;text-align: center;}*/
.bs_pro_list li a span{display: block; overflow: hidden; width: 281px; height: 275px; margin: 24px auto 0;}
.bs_pro_list li a span img{width: 281px; ; height: 275px; position: relative;left:0;right:0; margin-bottom: 10px;transition:all 0.6s;}
.bs_pro_list li:hover a span img{transform: scale(1.1);}
.bs_pro_list li a h1{width: 312px;line-height: 50px; font-size: 20px;color:#333; text-align: left;transition: all 0.3s}
.bs_pro_list li a h1::after{ content: ''; display: block; width:33px;height:4px; background:#e50200; }
.bs_pro_list li:hover a h1{/*margin-left: 10px;*/color:#fff}
.bs_pro_list li a h2{width: px; line-height: 21px; font-size: 14px; color: #858585; text-align: left; padding-top: 18px; }
.bs_pro_list li:hover a h2{/*margin-left: 10px;*/color:#fff}
.bs_pro_list li a font{float:right; width:80px; height:26px; margin-top: 5px; background: #e50200; /*position: absolute;right: 25px;bottom: 62px;*/transition: all 0.3s; font-size: 14px; color:#fff ; line-height: 26px;/*border-radius:5px;*/ }
.bs_pro_list li:hover a font{background: #fff;color:#000 ;}
.pro_more a{clear:both;display: block;width: 168px; height: 56px; margin: 64px auto 0px; font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center; background:#d26416 url("../images/arrow_ico.png") no-repeat 111px center;text-indent: -30px; transition:all 0.6s }
.pro_more a:hover{clear:both;display: block;width: 168px; height: 56px; margin: 64px auto 0px; font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center; background:#0D5C9C url("../images/arrow_ico.png") no-repeat 120px center;text-indent: -30px;}
/*bs 产品 end*/
/*bs ad*/
.bs_ad{width: 99.9%; height: 193px; background:url("../images/ad_bg.jpg") no-repeat center top; }
.bs_ad_center{position:relative; width: 1234px; height: 193px; margin: 0 auto;text-align: center;}
.bs_ad_center h1{position:absolute; left: 0px;right:35px; top: 132px; z-index: 1; font-size: 31px; color:#e50200 ;font-family: '思源黑体 CN' }
/*bs ad end*/
/*s*/
.xq_pro_list {
clear: both;
width: 1354px;
height: px;
margin: 50px auto 0px;
transition: all .5s;
/* border: 1px solid red; */
}
.xq_pro_list dd {position: relative;float:left;width: 385px; height: 442px; background: #fff;margin:0px 22px 17px 0px;transition: all 0.6s;}
.xq_pro_list dd:nth-child(3n){margin-right: 0;}
.xq_pro_list dd:hover{box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);}
.xq_pro_list dd a {display: block;width: px;margin:30px auto 0;text-align: center;}
.xq_pro_list dd a span{display: block;position: relative; overflow: hidden; width: 332px; height: 265px; margin: 0 auto 0; /*border: 1px solid #e3e2e2*/}
.xq_pro_list dd a span img{display: block; position: relative;overflow: hidden; width: 332px; height: 265px; position: relative;margin-bottom: 10px;transition:all 0.6s;}
.xq_pro_list dd:hover a span img{transform: scale(1.1);}
.xq_pro_list dd a h1{display: block;width: 332px; margin: 0 auto 0;line-height: 50px; font-size: 16px; text-align: left;transition: all 0.6s}
.xq_pro_list dd:hover a h1{width: 302px;}
.xq_pro_list dd a h2{display: block;width: 332px; margin: 0 auto 0; line-height: 26px; font-size: 12px; color: #979596; text-align: left;}
.xq_pro_list dd a i{position: absolute;right: 25px;bottom: 62px;transition: all 0.6s}
.xq_pro_list dd:hover a i{right: 20px;}
.xq_pro_list dd a span:after {content: '';position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);;
}
.xq_pro_list dd:hover a span:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.xq_pro_list dd a font{display: block; float: right; width: 97px; height: 31px; margin: 0px 28px 0px 0px; padding: 0px 0px 0px 0px; background: #015cb5 url("../images/arrow_ico2.png") no-repeat 73px 12px; color:#fff ; font-size: 15px; line-height: 31px; transition: all 0.4s; }
.xq_pro_list dd:hover a font{margin: 0px 33px 0px 0px;background-color: #d26416 }
/*.xq_pro_list li a font:hover{background-color: #d26416}}*/
/*e*/
/*bs 设备*/
.bs_equipment{width: 100%; height: 680px; background: #f4f4f4; padding-top: 40px}
.bs_equipment_center{width: 1234px; height: px; margin: 0 auto;}
.bs_more a{display: block;
width: 153px;
height: 50px;
margin: 33px auto 0px;
font-size: 14px;
color: #fff;
line-height: 50px;
font-weight: normal;
font-style: normal;
text-align: center;
background: #c1272d url(../images/arrow_ico.png) no-repeat 108px center;
transition: all .2s;}
.bs_more a:hover{background: #1251B3 url(../images/arrow_ico.png) no-repeat 108px center;}
/*bs 设备 end*/
/*bs 资质*/
.bs_qualification{width: 100%; height: 672px; background: #f4f4f4 url("../images/qualification_bg.jpg") no-repeat center top;; padding-top: 78px}
.bs_qualification_center{width: 1234px; height: px; margin: 0 auto;}
.bs_qualification_head{width: px; height: px; margin: 0px auto 0px;}
.bs_qualification_head span{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 47px; color:#396ec7 ; line-height: px; font-weight:bold; text-align: center; text-transform: uppercase; font-style: normal;}
.bs_qualification_head h1{display: block; width: px; height: px; margin: -38px 0px 0px 0px; font-size: 30px; color:#fff ; line-height: px; /*font-weight:bold;*/ text-align: center; font-family: '思源黑体 CN'; }
.bs_qualification_head h1::after{content: ''; display: block;width: 57px; height: 5px; margin: 8px auto 0px; background: #fff}
.bs_qualification_head h2{display: block; width: px; height: px; margin: 13px auto 0px; font-size: 14px; color:#78797a ; line-height: px; font-weight:normal; text-align: center; }
.bs_qualification_head h3{display: block; width: px; height: px; margin: 13px auto 0px; font-size: 14px; color:#a8bee4 ; line-height: 26px; font-weight:normal; text-align: center; }
/*bs 资质 end*/
.pro_head{overflow: hidden; width: 380px; height: 140px; margin: 70px auto 0px; background: url("../images/pro_head.png") no-repeat center top; ;text-align: center;}
.pro_head h1{display: block; margin: 22px 0px 0px 0px; line-height: 36px; color:#404143 ; font-size: 36px; font-weight:bold;font-family: '思源黑体 CN','思源黑体'}
.pro_head i{display: block; width: 60px; height: 3px; margin: 12px auto; background: #1361ab}
.pro_head h2{display: block; width: 312px; margin: 0px auto; line-height: 26px; color:#333 ; font-size: 16px; font-weight:normal;}
.pro_name{width: 1048px; margin: 35px auto 0px ;}
.pro_name li{float: left; width: 137px; height: 176px; background: #fff; margin: 0px 58px ; text-align: center;}
.pro_name li b{ position: relative; overflow: hidden; display: block; width: 137px; height: 137px; border-radius:50%; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6); }
.pro_name li a b::before{content:"";position: absolute; top: 5px; left: 5px; z-index: 2; display: block; width: 126px; height: 126px; border-radius:50%; }
.pro_name li a b img{position: absolute; top: 5px; left: 5px; display: block; width: 126px; height: 126px; }
.pro_name li a h2{position: relative;z-index: 3;line-height: 26px; color:#333 ; font-size: 15px; font-weight:normal; margin-top: 20px;transition: all 0.6s; }
.pro_name li:hover a h2{ margin-top: -88px;font-weight:bold;color: #fff}
.pro_name li:hover a b::before{ background: rgba(5, 76, 165, 0.6); animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.pro_show{overflow: hidden; clear: both; width: 1236px; margin: 44px auto 0px ;}
.pro_show li{position: relative;float: left; width: 377px; height: 372px; margin: 0px 14px 0px 21px; }
.pro_show li a::after{content:"";position: absolute; bottom: 0%; left: 40%; z-index: -1; display: block; width: 66px; height: 66px; background: url("../images/pro_more_ico.png") no-repeat center center; transition: all .6s }
.pro_show li a::before{content:"";position: absolute; top: 0px; left: 0px; z-index: 2; display: block; width: 375px; height: 308px; ; transition: all 1s }
.pro_show li a img{width: 375px; height: 308px;}
.pro_show li a h1{display: block; margin: 0px 0px 0px 0px; line-height: 38px; color:#333 ; font-size: 16px; font-weight:normal; text-align: center; }
.pro_show li:hover a::before{width: 375px; background: rgba(5, 76, 165, 0.6);animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.pro_show li:hover a::after{bottom: 50%; z-index: 3;}
@keyframes scale-in-ver-bottom {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
/*bs 滚动图 */
#public_pic {position: relative;width: 100%;height:px;margin: 38px 0 0px;}
#public_pic b {display: block !important;position: absolute; top: 105px;z-index: 9999; width: 52px;height: 55px;cursor: pointer;}
#public_pic b#btnLeft {background: url("../images/btnLeft.png") no-repeat center; left: 0;}
#public_pic b#btnRight {background: url("../images/btnRight.png") no-repeat center;right: 0;}
/*#public_pic .conbox 控制除了左右按钮中间的部分*/
#public_pic .conbox { overflow: hidden;width: 1135px; height: 286px; margin: 0 auto; }
#public_pic ul {position: relative; }
#public_pic ul li{overflow: hidden;float: left; width: 377px; height: 286px; margin: 0px 0px; transition: all 0.6s; }
#public_pic ul li a span{clear: left;overflow: hidden;display: block; width: 366px; height: 245px; margin: 0px auto 0px;text-align: center}
#public_pic ul li a img{ width: 366px; height: 245px; transition: all 0.6s; margin: 0px 0px 0px 0px;}
#public_pic ul li a h1{font-size: 16px; font-weight:normal; line-height: 40px; color:#333 ; text-align: center;transition: all 0.6s; }
#public_pic ul li:hover{}
#public_pic ul li:hover a span img{ transform: scale(1.2);}
#public_pic ul li:hover a h1{}
/*bs 滚动图 end*/
/*bs 滚动图 */
#public_pic2 {position: relative;width: 100%;height:px;margin: 38px 0 0px;}
#public_pic2 b {display: block !important;position: absolute; top: 105px;z-index: 9999; width: 52px;height: 55px;cursor: pointer;}
#public_pic2 b#btnLeft2 {background: url("../images/btnLeft1.png") no-repeat center; left: 0;}
#public_pic2 b#btnRight2 {background: url("../images/btnRight1.png") no-repeat center;right: 0;}
/*#public_pic .conbox 控制除了左右按钮中间的部分*/
#public_pic2 .conbox { overflow: hidden;width: 1135px; height: 342px; margin: 0 auto; }
#public_pic2 ul {position: relative; }
#public_pic2 ul li{overflow: hidden;float: left; width: 226px; height: 342px; margin: 0px 0px; transition: all 0.6s; }
#public_pic2 ul li a span{clear: left;overflow: hidden;display: block; width: 206px; height: 293px; margin: 0px auto 0px;text-align: center}
#public_pic2 ul li a img{ width: 206px; height: 293px; transition: all 0.6s; margin: 0px 0px 0px 0px; }
#public_pic2 ul li a h1{font-size: 16px; font-weight:normal; line-height: 45px; color:#fff ; text-align: center;transition: all 0.6s; }
#public_pic2 ul li:hover{}
#public_pic2 ul li:hover a span img{ transform: scale(1.2);}
#public_pic2 ul li:hover a h1{}
/*bs 滚动图 end*/
/*bs 滚动图 */
#public_pic3 {position: relative;width: 100%;height:px;margin: 38px 0 0px;}
#public_pic3 b {display: block !important;position: absolute; top: 105px;z-index: 9999; width: 52px;height: 55px;cursor: pointer;}
#public_pic3 b#btnLeft3 {background: url("../images/btnLeft1.png") no-repeat center; left: 0;}
#public_pic3 b#btnRight3 {background: url("../images/btnRight1.png") no-repeat center;right: 0;}
/*#public_pic .conbox 控制除了左右按钮中间的部分*/
#public_pic3 .conbox { overflow: hidden;width: 1135px; height: 286px; margin: 0 auto; }
#public_pic3 ul {position: relative; }
#public_pic3 ul li{overflow: hidden;float: left; width: 377px; height: 286px; margin: 0px 0px; transition: all 0.6s; }
#public_pic3 ul li a span{clear: left;overflow: hidden;display: block; width: 366px; height: 245px; margin: 0px auto 0px;text-align: center}
#public_pic3 ul li a img{ width: 366px; height: 245px; transition: all 0.6s; margin: 0px 0px 0px 0px; }
#public_pic3 ul li a h1{font-size: 16px; font-weight:normal; line-height: 40px; color:#fff ; text-align: center;transition: all 0.6s; }
#public_pic3 ul li:hover{}
#public_pic3 ul li:hover a span img{ transform: scale(1.2);}
#public_pic3 ul li:hover a h1{}
/*bs 滚动图 end*/
/*default 关于我们 */
.about{width: 100%; height: 656px; background: #fff; margin-top: 100px;}
.about_center{overflow: hidden;width: 1366px; height: px; margin: 0 auto; padding-top: 106px; }
/*.about_head{overflow: hidden;width: 380px; height: 146px; margin: 50px auto 0;background: url("../images/about_head.png") no-repeat center top; text-align:center;}
.about_head h1{display: block; margin-top: 30px; height: 36px; line-height: px; color:#fff ; font-size: 36px; font-weight:bold;font-family: '思源黑体 CN','思源黑体'}
.about_head i{display: block; width: 60px; height: 3px; margin: 13px auto 0px; background: #fff }
.about_head h2{display: block; margin-top: 10px; height: px; line-height: 26px; color:#fff ; font-size: 16px; font-weight:normal;}*/
/*
.about_con{ width: 1197px; height: 373px; margin: 37px auto 0px; background: #fff ;}*/
.about_left{position:relative;float: left; width: 650px; height: 470px; margin: 0px 0px 0px 0px; }
.about_left img{position:relative; z-index: 2}
.about_left i{position:absolute; left: 134px; top: 90px; z-index: 1 ; width: 502px; height: 375px; margin: 0px 0px 0px 0px; background: #f0f0f0;}
.about_right{float: left; width: 660px; height: 430px; margin: 0px 0px 0px 55px;}
.about_right>h1{isplay: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 25px; color:#555 ; line-height: 26px; font-weight:bold; text-align: left; font-family: '思源黑体 CN','思源黑体'; }
.about_right>i{display: block; width: px; height: px; margin: 12px 0px 0px 0px; font-size: 25px; color:#555 ; line-height: 26px; font-weight:normal; text-align: left; font-family: '思源黑体 CN','思源黑体'; text-transform: uppercase; font-style: normal}
.about_right a h2{display: block; margin: 55px 0px 0px 0px; padding: 0px 10px 0px 0px; font-size: 15px; color:#3c3838 ; line-height: 30px; font-weight:normal;text-indent: 2em;}
.about_right a h3{ display: block;width: 168px; height: 56px; margin: 40px 0px 0px 0px; font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center; ;/*border-radius:10px;*/background:#d26416 url("../images/arrow_ico.png") no-repeat 111px center;text-indent: -30px; transition: all 0.6s;}
.about_right a:hover h3{ display: block;width: 168px; height: 56px; margin: 40px 0px 0px 0px; font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center; ;/*border-radius:10px;*/background:#0D5C9C url("../images/arrow_ico.png") no-repeat 120px center;text-indent: -30px;}
.cando{width: 100%; height: px; background: #f4f4f4;margin-top: 80px; }
.cando_center{overflow: hidden; width: 1364px; height: 1128px; margin: 0 auto; background: #E0E0E0 ; ; }
.cando_head{width: 362px; height: 136px; margin: 0px auto 0px;}
.cando_head h1{display: block; width: px; height: px; margin: 73px 0px 0px 0px; font-size: 36px; color:#454140 ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体 CN','思源黑体'; }
.cando_head i{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 36px; color:#9D9D9D ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体'; text-transform: uppercase; font-style: normal;}
.cando_con{width: 1230px; height: px; margin: 0px auto 0px;}
.cando_con li{ overflow: hidden; position:relative;float: left; width: 408px; height: 814px; margin: 0px 0px 0px 0px; transition: all .4s; }
.cando_con li:hover{box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6);margin-top:-16px;}
.cando_metal{ overflow: hidden;width: 408px; height: 408px; margin: 0px 0px 0px 0px; background: url("../images/cando_metal.jpg") repeat-y left center; }
.cando_metal a{color:#d26416}
.cando_metal h2 a{display: block; width: 274px; height: 47px; margin: 118px auto 20px; font-size: 30px; ; line-height: 30px; font-weight:normal; border-bottom: 1px solid #d26416 }
.cando_metal span a{display: block; width: 274px; height: 40px; margin: 0px auto 0px; font-size: 22px; line-height: 40px; font-weight:normal; background: url("../images/cando_point.png") no-repeat 10px center; text-indent: 40px; }
.cando_ele{background-image:none; background-color:#d26416 }
.cando_ele a{color:#fff}
.cando_ele h2 a{border-bottom: 1px solid #fff }
.cando_ele span a{background: url("../images/cando_point2.png") no-repeat 10px center; }
.cando_related{overflow: hidden;width: 408px; height: 408px; margin: 0px 0px 0px 0px; background: url("../images/sort_03_up.jpg") no-repeat left center; }
.cando_related h2 a{display: block; width: px; height: px; margin:144px 0px 0px 0px; font-size: 30px; color:#333 ; line-height: px; font-weight:normal; text-align: center;}
/*default 产品 */
.pro{width: 100%; padding-top: 71px;; background: #f4f4f4}
.pro_center{width: 1364px; height: px; margin: 0 auto; padding-bottom: 84px; }
.pro_list ul {overflow: hidden}
.pro_list ul.pro_con_on{display: block;margin-top:40px;}
.pro_list ul li {position: relative;float:left;width: 441px; height: 487px; background: #fff;margin:17px 6px 17px 6px;transition: all 0.6s}
.pro_list ul li:hover{box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);}
.pro_list ul li a {display: block;width: 360px;margin:30px 40px 0 40px;text-align: center;}
.pro_list ul li a span{display: block; overflow: hidden; width: 360px; height: 265px;}
.pro_list ul li a span img{width: 360px; ; height: 265px; position: relative;margin-bottom: 10px;transition:all 0.6s;}
.pro_list ul li:hover a span img{transform: scale(1.1);}
.pro_list ul li a h1{width: 312px;line-height: 60px; font-size: 16px; text-align: left;transition: all 0.6s}
.pro_list ul li:hover a h1{margin-left: 10px;}
.pro_list ul li a h2{width: 312px; line-height: 21px; font-size: 12px; color: #bbb; text-align: left; }
.pro_list ul li a i{position: absolute;right: 25px;bottom: 62px;transition: all 0.6s}
.pro_list ul li:hover a i{right: 20px;}
.pro_more a{clear:both;display: block;width: 168px; height: 56px; margin: 64px auto 0px; font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center; background:#d26416 url("../images/arrow_ico.png") no-repeat 111px center;text-indent: -30px; transition:all 0.6s }
.pro_more a:hover{clear:both;display: block;width: 168px; height: 56px; margin: 64px auto 0px; font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center; background:#0D5C9C url("../images/arrow_ico.png") no-repeat 120px center;text-indent: -30px;}
.three{width: 100%; height: 611px; background: #fff url("../images/three_bg.jpg") no-repeat center top;}
.three_center{overflow: hidden; width: 1364px; height: px; margin: 0 auto; }
.three_head{position:relative;width: 362px; height: 136px; margin: 0px auto 0px; }
.three_head h1{display: block; width: px; height: px; margin: 73px 0px 0px 0px; font-size: 36px; color:#fff ; line-height: px; font-weight:bold; text-align: center; }
.three_head i{display: block; width: px; height: px; margin: 3px 0px 0px 0px; font-size: 36px; color:#fff ; line-height: px; font-weight:bold; text-align: center; font-family: 'Arial Black','Arial'; text-transform: uppercase; font-style: normal;}
.three_head::before{content: ''; display: block; position:absolute; left: 169px; top: -44px; z-index: 10; width: 65px; height: 92px; margin: 0px 0px 0px 0px;
background: url("../images/three_head.png") no-repeat left center;}
.three_con{}
.three_con li{float: left; width: 408px; height: 301px; margin: 0px 70px 0px 0px;text-align: center; transition: all .6s}
.three_con li:last-child{float:right; margin: 0px;}
.three_con li img{width: 104px; height: px; margin: 45px auto 0px;}
.three_con li h1{display: block; width: 400px; height: px; margin: 0px auto 10px; font-size: 24px; color:#fff ; line-height: 40px; font-weight:normal; transition: all .6s }
.three_con li h2{display: none; width: 400px; height: px; margin: 0px auto 10px; font-size: 24px; color:#fff ; line-height: 40px; font-weight:normal; transition: all .6s }
.three_con li span{display: block; width: 348px; height: px; margin: 200px auto 0px; font-size: 14px; color:#fff ; line-height: 26px; font-weight:normal; text-align: left;transition: all 0.6s }
.three_con li:hover{background: rgba(200, 100, 22, 0.8);}
.three_con li:hover h1{display: none;}
.three_con li:hover h2{display: block;}
.three_con li:hover span{margin: 0px auto 0px;}
.equipment{width: 100%; height: px; background:#fff}
.equipment_center{width: 1364px; height: px; margin: 0 auto;}
.equipment_head {width: 362px; height: 136px; margin: 0px auto 0px;}
.equipment_head h1{display: block; width: px; height: px; margin: 73px 0px 0px 0px; font-size: 36px; color:#3b3232 ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体 CN','思源黑体'; }
.equipment_head i{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 36px; color:#9D9D9D ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体'; text-transform: uppercase; font-style: normal;}
.equipment_con{ }
.equipment_con li{float: left; width: 405px; height: px; margin: 0px 49px 0px 0px;text-align: center; transition: all 0.6s}
/*.equipment_con li:last-child{margin-left: 0px;}*/
.equipment_con li a img{width: 405px; height: 272px; margin: 0px 0px 0px 0px;}
.equipment_con li:hover{margin-top: -5px;}
.equipment_con li a span{width: 405px; height:40px; margin: 0px 0px 0px 0px; font-size: 16px; color:#333 ; line-height: 40px; font-weight:normal; text-align: center; }
.equipment_con li:hover a span{font-weight: bold}
.equipment_con::after{content:" ";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.equipment_center>span.pro_more a{ overflow: hidden;display: block;margin: 63px auto 80px;;}
.service{width: 100%; height: 478px; background: url("../images/service_bg.jpg") no-repeat center top;}
.service_center{ overflow: hidden; width: 1306px; height: 478px; margin: 0 auto;}
.service_center ul li{float: left; width: 96px; height: 96px; border-radius:50px; margin: 20px 60px 0px; text-align: center; padding-top:29px;transition: all 0.6s }
.service_center ul li:hover{background: #0d5c9c;}
.service_center ul li h2{display: block; margin-top: 75px; line-height: 26px; color:#fff ; font-size: 18px; font-weight:normal; }
.service_center ul li.ico_phone { background:#bdbcbc url("../images/ico_phone.png") no-repeat center center; }
.service_center ul li:hover.ico_phone { background:#d26416 url("../images/ico_phone_on.png") no-repeat center center; }
.service_center ul li.ico_signing { background:#bdbcbc url("../images/ico_signing.png") no-repeat center center; }
.service_center ul li:hover.ico_signing { background:#d26416 url("../images/ico_signing_on.png") no-repeat center center; }
.service_center ul li.ico_plan { background:#bdbcbc url("../images/ico_plan.png") no-repeat center center; }
.service_center ul li:hover.ico_plan { background:#d26416 url("../images/ico_plan_on.png") no-repeat center center; }
.service_center ul li.ico_processing { background:#bdbcbc url("../images/ico_processing.png") no-repeat center center; }
.service_center ul li:hover.ico_processing { background:#d26416 url("../images/ico_processing_on.png") no-repeat center center; }
.service_center ul li.ico_acceptance { background:#bdbcbc url("../images/ico_acceptance.png") no-repeat center center; }
.service_center ul li:hover.ico_acceptance { background:#d26416 url("../images/ico_acceptance_on.png") no-repeat center center; }
.service_center ul li.ico_sales { background:#bdbcbc url("../images/ico_sales.png") no-repeat center center; }
.service_center ul li:hover.ico_sales{ background:#d26416 url("../images/ico_sales_on.png") no-repeat center center; }
.service_center span.service_txt{ display:block;width: 533px; height: 64px; margin: 65px auto 0;line-height: 64px; color:#fff ; font-size: 28px; font-weight:normal;font-family: '思源黑体 CN','思源黑体';}
.service_center ul::after{content:" ";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.service_head{position:relative;width: 382px; height: 136px; margin: 0px auto 0px; }
.service_head h1{display: block; width: px; height: px; margin: 50px 0px 0px 0px; font-size: 30px; color:#fff ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体 CN','思源黑体'; }
.service_head i{display: block; width: px; height: px; margin: 3px 0px 0px 0px; font-size: 36px; color:#efeeee ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体 CN','思源黑体'; text-transform: uppercase; font-style: normal;}
.news{width: 100%; height: px; background:url("../images/news_bg.jpg") no-repeat center top;}
.news_center{overflow: hidden;width: 1306px; height: 994px; margin: 0 auto; }
.news_head{position:relative;width: 382px; height: 136px; margin: 85px auto 0px; }
.news_head h1{display: block; width: px; height: px; margin: 50px 0px 0px 0px; font-size: 30px; color:#3a3838 ; line-height: px; font-weight:bold; text-align: center; font-family: '思源黑体 CN','思源黑体'; }
.news_head i{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 36px; color:#736D6D ; line-height: px; font-weight:bold; text-align: center; font-family:'思源黑体'; text-transform: uppercase; font-style: normal;}
.news_con{margin-top: 0px;}
.news_con .news_img a img{ display:none; float: left; width: 538px; height: 371px; }
.news_con .news_img a.on_show img{display: block}
.news_con .news_infor{float: right; width: 748px; height: 371px; }
.news_infor li{margin-bottom: 30px; width: 748px; height:103px; }
.news_infor li a {display: block; float: left; width: 623px; height: 103px; padding:8px 14px 2px; color:#333 ; transition: all 0.6s}
.news_infor li:hover a { color:#fff ; background: #0d5c9c;}
.news_infor li.on a { color:#fff ; background: #0d5c9c;}
.news_infor li a h1{height: 34px; line-height: 30px; font-size: 20px; font-weight:normal;}
.news_infor li a h2{ line-height: 26px; font-size: 14px; font-weight:normal;}
.news_infor li span{display:block; float: right; width: 106px; height: 103px; background: #e5e3e2;text-align: center;padding-top: 21px;}
.news_infor li span b{display:block; line-height: 24px; color:#fb8000 ; font-size: 24px; font-weight:bold; }
.news_infor li span i{display:block; line-height: 30px; color:#333 ; font-size: 14px; font-weight:normal;font-style: normal}
.answer{float: left;width: 100%; height: 214px; margin: 50px auto 36px;; background: rgba(255,255,255,0.3); }
.answer_title{width: 100%; height: 60px; line-height: 60px; font-size: 24px;color:#484849 ; text-indent: 12px; border-bottom: 1px solid #c7c8c9;font-weight:bold;}
.answer ul li{float: left; width:50%; height: 130px; padding:30px 45px 0 68px; background: url("../images/answer_point.png") no-repeat 35px 33px; }
.answer ul li a h1{line-height: 30px; color:#333 ; font-size: 16px; font-weight:normal;}
.answer ul li a h2{line-height: 24px; color:#5e6063 ; font-size: 14px; font-weight:normal;}
.applications{width: 100%; height: px;}
.applications_center{width: 1300px; height: 570px; margin: 0 auto; }
.applications_con li{overflow: hidden;position:relative; float: left; width: 240px; height: 340px; margin: 0px 20px 0px 0px; }
.applications_con li::before{content: ''; display: block; position:absolute; left: 0px; top: 0px; z-index: 10;; width: 240px; height: 340px;}
.applications_con li span{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 15px; color:#333 ; line-height: 40px; font-weight:normal; text-align: center;}
.applications_con li img.small_ico{position:absolute; left: 30%; bottom: 0%; z-index: -1; transition: all .6s}
.applications_con li:hover img.small_ico{left: 30%; bottom: 47%;z-index: 11;}
.applications_con li:hover::before{background: rgba(0, 0, 0, 0.3);animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
@keyframes scale-in-ver-bottom {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
/*.service {width: 1197px; height: px; margin: 0px auto 0px; }
.service li{float: left; width: 166px; height: 166px; margin: 0px 68px 0px 65px;border-radius:50%; border: 1px solid #fff;text-align: center;transition: all 0.6s;;}
.service li span{display:block ; height: 56px; margin: 60px 0px 0px 0px;font-size: 81px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center; transition: all 0.6s;}
.service li b{display:block;color:#fff;font-size: 15px; font-weight:normal;transition: all 0.6s;;}
.service li:hover{background:#fff }
.service li:hover span,.service li:hover b{color:rgb(241,106,25)}*/
/*default 首页---左右带箭头的滚动img */
#rolling_img { position: relative;width: 100%;height: 358px; margin:60px 0 96px 0;}
#rolling_img b { top: 135px; position: absolute; display: block !important; width: 52px; height: 110px;cursor: pointer; z-index: 9999;}
#rolling_img b#btnLeft {background: url("../images/btnLeft.png") no-repeat center;left: 0;}
#rolling_img b#btnRight { background: url("../images/btnRight.png") no-repeat center;right: 0;}
#rolling_img .conbox {width: 1246px; height: 358px; margin: 0 auto; overflow: hidden; }
#rolling_img .conbox ul {position: relative;}
#rolling_img .conbox ul li { overflow: hidden; width: 595px; height: 358px; margin: 0 33px 0 0px; position: relative;float: left; box-sizing: border-box;text-align: center;}
#rolling_img .conbox ul li a { display: block; position: relative;height: 358px; width: 100%; }
#rolling_img .conbox ul li img {position: absolute; display: block; left: 0; right: 0; width: 624px;height: 358px; margin: 0 auto; transition: transform 0.6s;}
#rolling_img .conbox ul li span{ width: 100%; height: 48px; position: absolute; z-index:20; display: block; left:0px; bottom: 0px; margin: 0 auto;background-color:rgba(19, 97, 171, 1);line-height: 48px; color:#fff ; font-size: 16px; font-weight:normal; text-align:center; transition: all 0.6s;}
#rolling_img .conbox ul li a:hover span{height: 358px;background-color:rgba(19, 97, 171, 0.6);line-height: 300px;color:#fff ; }
#rolling_img .conbox ul li a:hover img{ transform: scale(1.3);}
#rolling_img .conbox ul li a::before{content:"";position: absolute; bottom: 0%; left: 44.5%; z-index: -1; display: block; width: 66px; height: 66px; background: url("../images/pro_more_ico.png") no-repeat center center; transition: all .6s }
#rolling_img .conbox ul li:hover a::before{bottom: 36%; z-index: 65;}
.factory{width: 100%; height: px; }
.factory_center{overflow: hidden; width: 1400px; height: px; margin: 0 auto;}
.factory_head{overflow: hidden;position: relative; width: 380px; height: 140px; margin: 36px auto 0px; background: url("../images/factory_head.png") no-repeat center top; ;text-align: center;}
.factory_head h1{display: block; margin: 22px 0px 0px 0px; line-height: 36px; color:#404143 ; font-size: 36px; font-weight:bold;font-family: '思源黑体 CN','思源黑体'}
.factory_head i{display: block; width: 60px; height: 3px; margin: 12px auto; background: #1361ab}
.factory_head h2{display: block; width: 312px; margin: 0px auto; line-height: 26px; color:#333 ; font-size: 16px; font-weight:normal;}
.solve{width: 100%; height: 772px; background: #fff url("../images/solve_bg.jpg") no-repeat center top;}
.solve_center{overflow: hidden; width: 1280px; height: px; margin: 0 auto; }
.solve_head{position: relative; width: 380px; height: 140px; margin: 36px auto 0px; background: url("../images/solve_head.png") no-repeat center top; ;text-align: center;}
.solve_head::before{content:" ";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.solve_head h1{display: block; margin: 22px 0px 0px 0px; line-height: 36px; color:#404143 ; font-size: 36px; font-weight:bold;font-family: '思源黑体 CN','思源黑体'}
.solve_head i{display: block; width: 60px; height: 3px; margin: 12px auto; background: #1361ab}
.solve_text{display: block; width: 610px; margin: -50px auto 0px; line-height: 26px; color:#333 ; font-size: 16px; font-weight:normal;text-align: center}
.solve_con{margin: 66px auto 0px; }
.solve_con li{overflow:hidden;position: relative;float: left; width: 284px; height: 418px; margin: 0px 16px 0px 16px; }
.solve_con li>img{position:absolute; left: 0px; top: 0px; width: 283px; height: 328px; margin: 0px auto 0px;; transition: all 0.6s}
.solve_con li i{ position:absolute; left: 83px; top: 245px; z-index: 10; width: 116px; height: 116px; margin: 0px auto 0px;border-radius:50%; background: #2663af;text-align: center;; transition: all 0.6s}
.solve_con li i img{margin: 32px auto 0px; transition: all 0.6s}
.solve_con li span{position:absolute; left: 0px; bottom: 0px;display: block; width: 283px; height: 90px; padding: 40px 0px 0px 0px; font-size: 15px; color:#2663af ; line-height: 26px; font-weight:normal; text-align: center;; font-family: '思源黑体 CN','思源黑体'; background: #fff;border-bottom:5px solid RGBA(201,195,186,0.8); transition: all 0.6s }
.solve_con li h2{ position:absolute; left: 41px; top: 500px; z-index: -1; display: block; width: 207px; font-size: 14px; color:#fff ; line-height: 26px; font-weight:normal; text-align: left; ; transition: all 0.6s}
.solve_con li:hover>img{top: -438px;}
.solve_con li:hover span{display: block; height: 418px; background: #2663af;color:#fff ; font-size: 26px; padding: 158px 36px 0 ; }
.solve_con li:hover i{top: 35px; border-radius:0%; border-bottom: 1px solid #fff}
.solve_con li:hover h2{ top: 240px; z-index: 20;}
/*
.news{width: 100%; height: 700px; background: url("../images/news_bg.jpg") repeat-x center top;}
.news_center{overflow: hidden;width: 1235px; height: px; margin: 0 auto;}
.news_head{overflow: hidden;position: relative; width: 380px; height: 153px; margin: 36px auto 0px; background: url("../images/news_head.png") no-repeat center top; ;text-align: center;}
.news_head h1{display: block; margin: 36px 0px 0px 0px; line-height: 36px; color:#404143 ; font-size: 36px; font-weight:bold;font-family: '思源黑体 CN','思源黑体'}
.news_head i{display: block; width: 60px; height: 3px; margin: 12px auto; background: #1361ab}
.news_head h2{display: block; width: 312px; margin: 0px auto; line-height: 26px; color:#333 ; font-size: 16px; font-weight:normal;}
.news_left{float: left; width: 785px; height: px; margin: 72px 0px 0px 0px;}
.news_right{float: right; width: 410px; height: px; margin: 72px 0px 0px 0px;}
.news_sort_name{ width: 100%; height: 50px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #ddd}
.news_sort_name a.switch_name{float: left; width: 125px; height: 50px; margin: 0px 0px 0px 0px; font-size: 22px; color:#333 ; line-height: 50px; font-weight:normal; text-align: center; }
.news_sort_name .active a.switch_name{ background: #2663af;color:#fff }
.news_sort_name a.more_icon{float: right; width: 125px; height: 50px; margin: 0px 0px 0px 0px; font-size: 16px; color:#333 ; line-height: 50px; font-weight:normal; text-align: center; }
.news_first{width: 100%;}
.news_first a.a_img img{float: left; width: 258px; height: 194px; margin: 14px 0px 0px 24px;}
.news_first_title{float: left; width: 483px; height: 194px; margin: 27px 0px 0px 20px;}
.news_first_title a.a_title{display: block; width: px; height: px; margin: 10px 0px 0px 0px; font-size: 20px; color:#000 ; line-height: 26px;}
.news_first_title a.a_con{display: block; width: px; height: px; margin: 18px 0px 0px 0px; padding: 0px 10px 0px 0px; font-size: 16px; color:#333 ; line-height: 36px;}
.news_other_title{clear: both}
.news_other_title a.a_title{display: block; float: left; width: 640px; height: 34px; margin: 0px 0px 0px 0px; font-size: 16px; color:#222 ; line-height: 34px;text-indent: 60px;background: url("../images/news_point.png") no-repeat 30px center; }
.news_other_title .a_times{display: block; float: right; width: 110px; height: 34px; margin: 0px 0px 0px 0px; font-size: 16px; color:#777 ; line-height: 34px;}
.answer_head{width: px; height: 50px; margin: 0px auto 0px; border-bottom: 1px dotted #dcdcdc}
.answer_head > h1{display: block; float: left; width: px; height: px; margin: 0px 0px 0px 0px;font-size: 25px; color:#333 ; line-height: 50px; font-weight:normal; text-align: center; }
.answer_head > a{display: block; float: right; width: px; height: px; margin: 0px 0px 0px 0px;font-size: 14px; color:#333 ; line-height: 50px; font-weight:normal; text-align: center; }
.answer_con li{width: px; height: 170px; margin: 0px 0px 0px 0px;}
.answer_con li a h1{display: block; float: left; width: 100%; height: 40px; margin: 10px 0px 0px 0px;font-size: 18px; color:#333 ; line-height: 36px; font-weight:normal;border-bottom: 1px dotted #dcdcdc;background: url("../images/answer_ico.png") no-repeat left center; text-indent: 30px;}
.answer_con li a h2{display: block; float: left; width: 336px; height: 40px; margin: 16px 10px 0px 10px;font-size: 16px; color:#555 ; line-height: 40px; font-weight:normal;;}
*/
/*友情链接 */
.friendlink{width: 100%; height: px;}
.friendlink_center{width: 1236px; height: 121px; margin: 0 auto; border-bottom: 1px solid #ddd;;border-top: 1px solid #ddd;}
.friendlink_title{float: left; width: 200px; height: 121px; margin: 0px 0px 0px 0px; background: #0d62be ;font-size: 20px; color:#fff ; line-height: 121px; font-weight:normal; text-align: center; font-family: '思源黑体';}
.friendlink_con{float: right; width: 1025px; height: 121px; margin: 0px 0px 0px 0px; }
.friendlink_con img{display: block;float: left; width: px; height: 80px; margin: 23px 20px 0px ; }
.ad{width: 100%; height: 270px; margin: 44px 0px 0px 0px; background: #fff url("../images/ad_bg.jpg") no-repeat center top;}
.ad_center{overflow: hidden; width: 1236px; height: px; margin: 0 auto; }
.ad_center h1{display: block; width: px; height: px; margin: 148px auto 0px; font-size: 18px; color:#333 ; line-height: 26px; font-weight:normal; text-align: center; font-family: '思源黑体 CN','思源黑体';}
/*bs 网站底部*/
.bs_foot{width: 100%; height: 432px;background:url("../images/foot_bg.jpg") no-repeat center top;}
.bs_foot_center{position:relative;overflow: hidden; width: 1234px; height:px;margin: 0 auto;}
.bs_foot_imagecode{position:absolute; right: 40px; top: 91px; z-index: 1; text-align: center}
.bs_foot_imagecode img{display: block}
.bs_foot_imagecode span{line-height: 50px; color: #fff; font-size: 14px;}
.bs_foot_logo{float: left; display: block; width: 78px; height: 70px; margin: 91px 0px 0px 0px; background: url("../images/foot_logo.png") no-repeat center top;}
.bs_foot_column{float: left; width: 230px; height: 280px; margin: 80px 0px 0px 0px; text-align:left;}
.bs_foot_column h1 a{display: block; height: 50px;/* margin-bottom: 20px;*/ line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;}
.bs_foot_column li a{display: block; height: 26px; line-height: 30px; color:#cfd6e3 ; font-size: 14px; font-weight:normal;}
.bs_foot_column li a:hover{color:#fff ;}
.bs_contact{float: left; width: 350px; height: px; margin: 80px 0px 0px 35px; text-align:left;}
.bs_contact h3{display: block; height: 50px;/*margin-bottom: 13px;*/ line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;}
.bs_contact li{display: block; ; line-height: 30px; color:#9eb4c6 ; font-size: 13px; font-weight:normal;}
.bs_xian{display: none;float: left; width: 1px; height:200px; margin: 60px 30px 0px 0px; background: #1b5090 ;}
.bs_foot_copyright{ float:left;;width:100%; height:88px;line-height:68px; color:#fff;font-size: 14px; border-top:1px solid #2b5a96; text-align: left;margin: 0px 0px 0px 0px;}
.bs_foot_copyright a{line-height:68px; color:#fff; font-size: 14px; font-weight:normal;}
.bs_links{float: right}
/*bs 网站底部 end*/
/*default 网站底部 */
.foot{width: 100%; height: px;background:#d7d1d1}
.foot_center{overflow: hidden; width: 1310px; height: 335px;margin: 0 auto;}
/* 获取首页底部栏目 */
.foot_column{float: left; width: 230px; height: px; margin: 40px 0px 0px 0px; text-align:left;}
.foot_column h3 a{display: block; height: 50px; margin-bottom: 20px; line-height: 50px; color:#4d4a4a ; font-size: 17px; font-weight:normal;}
.foot_column li a{display: block; height: 26px; line-height: 30px; color:#535050 ; font-size: 14px; font-weight:normal;}
.contact{float: left; width: 350px; height: px; margin: 42px 0px 0px 35px; text-align:left;}
.contact h3{display: block; height: 50px;margin-bottom: 13px; line-height: 50px; color:#4d4a4a ; font-size: 17px; font-weight:normal;}
.contact li{display: block; height: px; line-height: 30px; color:#535050 ; font-size: 13px; font-weight:normal;}
.foot_logo{float:right;margin: 55px 100px 0px 0px;}
.foot_logo img{margin: 0px 10px;}
.foot_logo span{display:block; text-align: center;line-height: 26px; color:#333}
.foot_copyright{clear:both; width:100%; height:90px; background: #635f5e; /*border-top:1px solid #426da4;*/ margin: 0px 0 0 0;}
.foot_copyright, .foot_copyright a{line-height:90px; color:#e6e6e6; font-size: 14px; font-weight:normal;}
.foot_copyright_center{overflow: hidden; width: 1310px; height: 90px;margin: 0 auto;}
/* 获取首页底部栏目 */
/*
.foot_column{float: left; width: 170px; height: px; margin: 44px 0px 0px 0px; text-align:left;}
.foot_column h3 a{display: block; height: 50px; margin-bottom: 10px; line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;}
.foot_column li a{display: block; height: 30px; line-height: 30px; color:#b3c4d7 ; font-size: 14px; font-weight:normal;}
.foot_list li>a{display: block; height: 30px; line-height: 30px; color:#b3c4d7 ; font-size: 14px; font-weight:normal; background: url("../images/foot_point.png") no-repeat left center; text-indent: 20px;
}
.xian{float: left; width: 1px; height: 257px; margin: 34px 30px 0px 0px; background: #1b5090 ;}
.contact{float: left; width: 385px; height: px; margin: 44px 0px 0px 35px; text-align:left;}
.contact h3{display: block; height: 50px;margin-bottom: 10px; line-height: 50px; color:#fff ; font-size: 17px; font-weight:normal;}
.contact li{display: block; height: 30px; line-height: 30px; color:#b3c4d7 ; font-size: 14px; font-weight:normal;}
.foot_img li{float: left; width: 80px; height: px; margin: 10px 37px 0px 0px; }
.foot_img li span{display: block; width: px; height: px; margin: 0px 0px 0px 0px; font-size: 12px; color:#fff ; line-height: 26px; font-weight:normal; text-align: center;}
.foot_logo{float:right;margin: 55px 80px 0px 0px;}
.foot_logo img{margin: 0px 10px;}
.foot_logo span{display:block; text-align: center;line-height: 26px; color:#fff}
.foot_copyright{ float: left; width:100%; height:97px; margin: 80px 0px 0px 0px;}
.foot_copyright, .foot_copyright a{line-height:50px; color:#e6e6e6; font-size: 14px; font-weight:normal;}
*/
/* 首页-在线留言 开始 */
/*
.footer_online {float: left;width: 361px;margin: 44px 0px 0px 20px;}
.footer_online span { display: block;line-height: 30px;text-align: left;font-size: 16px;color: #fff;}
.footer_online h5 {font-size: 12px;line-height: 20px;color: rgba(255, 255, 255, 0.6);font-weight: normal;margin: 12px 0 0 0;}
.footer_online label {display: block;width: 100%;height: 30px;margin: 10px 0;}
.footer_online label input::-webkit-input-placeholder {font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.footer_online label input::placeholder {font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.footer_online label input {display: block;width: 100%;height: 28px;line-height: 28px;outline: none;background: #184C85;border: none;font-size: 13px;color: #fff;text-indent: 12px;}
.footer_online label.label-online-content{width:100%;height:60px}
.footer_online label.label-online-content textarea{width:100%;height:58px;border:none;font-size:13px;color:#fff;margin:0;padding:0;text-indent:12px;outline:none;resize:none;background:#184C85}
.footer_online label.label-online-btn{width:110px;height:35px}
.footer_online label.label-online-btn input{width:110px;height:35px;text-indent:0;font-size:14px;background:#F88610;color:#000;border-color:#F88610;border-radius:3px}
.footer_online label.label-none{display:none}
*/
/* 首页-在线留言 结束 */
/*====================================================内页=====================================*/
.text-content img{display:block; margin: 0 auto;}
/* 内页--左侧 横排模式 */
.mainer {clear: both;overflow: hidden; margin-top: 100px;}
.mainer .mainer-side {width: 100%; height: auto;margin: 0 auto;clear: both; border-bottom:1px solid #ddd;}
.public-side-name-center{position:relative;width: 1352px; height:50px; margin:0 auto;}
.mainer-side {width: 100%; height:50px; ;}
.mainer-side .public-side-name {width: 100%;height: auto;clear: both;overflow: hidden}
.mainer-side .public-side-name h1 {display:none}
.mainer-side .public-side-name li {position: relative;float:left;height: px;line-height: 45px;margin: 0px 70px 0 0;}
.mainer-side .public-side-name li a { display: block;width: px;height: 51px;line-height: 50px;font-size: 15px;color: #333;padding: 0 10px 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0;transition: all .45s; font-weight:500;}
.mainer-side .public-side-name li a:before {content: '';width:100%; height: 0px;position: absolute;bottom: 0;left: 0;background: #02498B;transition: all .45s;}
.mainer-side .public-side-name li a:after {display:none;content: '';width:100%; width:4px; height: 4px;position: absolute;top: 21px;left: 103px;background: #02498B;transition: all .45s;}
/* 内页左侧栏目 栏目样式 */
.mainer-side .public-side-name li a:hover {}
.mainer-side .public-side-name li a:hover:before {height:3px;}
.mainer-side .public-side-name li.onm a {}
.mainer-side .public-side-name li.onm a:before {position: absolute;bottom: 0;left: 0;height:3px;background: #02498B}
.mainer-path {position:absolute; right:10px; top:0;width:auto;height: 60px;line-height: 60px;text-align: left;background: url("../images/mapIcon.jpg") no-repeat left center;border-bottom: 1px solid #eee;text-indent: 30px;margin-bottom: 15px;}
.mainer-square {width:1352px; /*margin:40px auto 50px;*/ }
#sort_name h1{ display: none; margin:50px 0 0 10px; height:60px; color:#333;font-weight:normal;font-size:35px;border-bottom:1px solid #ddd; text-align:center}
.mainer-side .mainer-path a {font-size: 14px;color: #333;}
/*.mainer .mainer-list-side .mainer-square .mainer-page-list { width: 100%;}*/
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list {width: 98%;height: 45px;line-height: 45px;padding: 0 1%;
margin: 15px 0;background: #F2F2F2;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name {float: left;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name a {font-size: 16px;color: #666;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more {float: right;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more a {font-size: 14px;color: #666;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption {width: 96%; height: auto;margin: 0 auto 30px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption h1 {width: 100%;color: #3A3937;line-height: 40px;text-align: center;font-size: 24px;margin: 25px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type {width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #555552;margin: 25px auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list {display: flex;display: -webkit-flex;
height: 36px;line-height: 36px;font-weight: normal;width: 100%;text-align: center;margin: 0 auto;justify-content: center;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list b {display: block;height: 36px;line-height: 36px; width: auto;font-weight: normal;font-size: 12px;color: #5A5A5A;margin-right: 15px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share {width: auto;height: 36px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share span {display: block;float: left;
font-size: 12px;color: #5A5A5A;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {float: left;
height: 36px;line-height: 36px;width: auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {display: block;
float: left;margin: 9px 2px;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content {width: 100%;height: auto;margin: 0 auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText img, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content img {display: block;text-align: center;margin: 0 auto;}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText p, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content p {font-size: 16px; line-height: 32px; }
/* 内页切换图的 banneron */
/*.banneron {width: 100%;height: 300px;margin: 0 auto;margin-top: 110px;}*/
/* 内页单独头部图的 banneron */
.banneron {position:relative ;width: 100%; top:98px; height: 300px; margin: 0 auto;margin-top: 0px;}
.banner {overflow: hidden;position: relative;width: 100%;height: 665px; margin-top: 110px;}
@-webkit-keyframes scale-in-ver-top {
0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
}
@keyframes scale-in-ver-top {
0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 100% 0%; transform-origin: 100% 0%;opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
}
.search-list {clear: both;overflow: hidden; width: 100%;height: 40px;background: #F5F7FA;}
.search-list ul {width: 318px;height: 38px;line-height: 38px;margin: 0 auto;border: 1px solid #DFDFDF;box-sizing: border-box;}
.search-list ul li {overflow: hidden;float: left;height: 38px;line-height: 38px;}
.search-list ul li input {display: block;outline: none;background: none;border: none;}
.search-list ul li input:focus {outline: none;background: none;}
.search-list ul li.search-input {width: 236px;}
.search-list ul li.search-input input {width: 100%;height: 36px;text-indent: 6px;color: #000;}
.search-list ul li.search-submit input {border: none;font-size: 16px;font-weight: bold;color: #fff;width: 80px;height: 36px;line-height: 36px;text-align: center;/*background: #ad2823;*/cursor: pointer;}
.public-big-goods {clear: both;overflow: hidden;width: 1370px; height: auto; margin: 0 auto;}
.public-big-goods ul li { position: relative; float: left;width: 200px; height: 150px; margin: 0 0 50px 20px;}
.public-big-goods ul li a {display: block;overflow: hidden;width: 200px;}
.public-big-goods ul li a.a-img { width: 100%;height: 150px;}
.public-big-goods ul li a.a-img img {width: 100%;height: 150px; transition: all .45s;}
.public-big-goods ul li a.a-title {position: absolute;bottom: 0;width: 100%;height: 30px;line-height: 30px;text-align: center;
background: rgba(0, 0, 0, 0.3);font-size: 14px;color: #fff; transition: all .45s;}
.public-big-goods ul li.bigPic {width: 540px;height: 350px;margin: 0;}
.public-big-goods ul li.bigPic a {display: block;width: 100%;height: 350px;}
.public-big-goods ul li.bigPic a.a-img img {width: 100%;height: 350px;}
.public-big-goods ul li.bigPic a.a-title {position: absolute;bottom: 0;width: 100%;height: 30px;line-height: 30px;text-align: center;
background: rgba(0, 0, 0, 0.3);font-size: 14px;color: #fff; transition: all .45s;}
.public-big-goods ul li:hover img {transition: all .45s;transform: scale(1.1);}
.public-big-goods ul li:hover img .a-title {font-weight: bold;color: #ad2823;font-size: 15px;transition: all .45s;}
.public-goods { overflow: hidden;clear: both;width: 100%;height: auto;margin: 0 auto;}
.public-goods ul li {float: left;width: 323px;height: 265px;margin: 0 26px 30px 0;}
.public-goods ul li.goods4, .public-goods ul li.goods8, .public-goods ul li.goods12, .public-goods ul li.goods16 { margin-right: 0;}
.public-goods ul li a { overflow: hidden;display: block;width: 100%;}
.public-goods ul li a.a-img {width: 100%; height: 245px;position: relative;}
.public-goods ul li a.a-img::after {display: block;position: absolute;top: 0; left: 0; content: '';width: 100%;height: 245px;}
.public-goods ul li a.a-img img {width: 100%;height: 245px;transition: all .45s;}
.public-goods ul li a.a-title {width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px;color: #000; transition: all .45s;}
.public-goods ul li:hover .a-title {font-weight: bold; color: #ad2823;font-size: 15px;transition: all .45s;}
.public-goods ul li:hover .a-img::after {background: rgba(0, 0, 0, 0.2);-webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.public-goods ul li:hover img {transition: all .45s;transform: scale(1.2);}
@-webkit-keyframes scale-in-center {
0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes scale-in-center {
0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
.public-page-intro {clear: both;overflow: hidden;width: 100%;height: auto;margin: 15px auto;}
.public-page-intro a {display: inline-block;line-height: 30px;font-size: 15px;color: #000;text-indent: 28px;}
.public-page-intro a.page-more {display: none;width: 140px;height: 45px;line-height: 45px;text-align: center;text-indent: 0;font-size: 14px;color: #fff;margin-top: 15px;margin-left: 28px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.6);transition: all .45s;}
.public-page-intro a.page-more:hover {background: #F89B2D;border: 1px solid rgba(248, 155, 45, 0.6);color: #fff;}
.public-pic {clear: both;overflow: hidden;width: 100%;height: auto;margin: 40px auto;}
.public-pic ul li {float: left;width: 400px; height: 340px;margin: 10px 15px;}
.public-pic ul li a {display: block;}
.public-pic ul li a.a-img { clear: both; overflow: hidden;position: relative;width: 100%;height: 300px;background: #fff;}
.public-pic ul li a.a-img::after {display: block;position: absolute;left: 0;top: 0;right: 0;content: '';width: 100%;height: 300px;}
.public-pic ul li a.a-img img {display: block;width: 100%;height: 300px;transition: all .45s linear;}
.public-pic ul li a.a-title {width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #000;background: #F6F2F2;}
.public-pic ul li:hover .a-img::after {background: rgba(0, 0, 0, 0.2); -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.public-pic ul li:hover img { transform: scale(1.2);}
@-webkit-keyframes scale-in-ver-bottom {
0% {-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;opacity: 1;}
}
@keyframes scale-in-ver-bottom {
0% {-webkit-transform: scaleY(0); transform: scaleY(0);-webkit-transform-origin: 0% 100%; transform-origin: 0% 100%;opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;opacity: 1;}
}
.public-case {clear: both; overflow: hidden;width: 100%;height: auto;margin: 0 auto;}
.public-case ul li {float: left;width: 280px;height: 260px;margin: 0 10px;}
.public-case ul li a {display: block;}
.public-case ul li a.a-img {clear: both;overflow: hidden;width: 100%;height: 210px;background: #fff;}
.public-case ul li a.a-img img {display: block;width: 100%;height: 210px;transition: all .45s linear;}
.public-case ul li a.a-title { width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #000;background: #F6F2F2;}
.public-case ul li:hover img {transform: scale(1.2);}
.public-certification {clear: both;overflow: hidden;width: 100%;height: auto;margin: 40px auto;}
.public-certification ul li {float: left;width: 300px;height: 270px;margin: 0 15px;}
.public-certification ul li a {display: block;}
.public-certification ul li a.a-img {clear: both;overflow: hidden;width: 100%;height: 230px;background: #fff;}
.public-certification ul li a.a-img img {display: block;width: 100%;height: 230px; transition: all .45s linear;}
.public-certification ul li a.a-title {width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #000;
background: #F6F2F2;}
.public-certification ul li:hover img {transform: scale(1.2);}
.public-quality {clear: both;overflow: hidden;width: 100%;height: auto;margin: 0 auto 30px auto;}
.public-quality ul li {float: left;width: 300px;height: 225px;}
.public-quality ul li a {display: block;}
.public-quality ul li a.a-img { clear: both;overflow: hidden;width: 100%;height: 225px;background: #fff;}
.public-quality ul li a.a-img img {display: block;width: 100%;height: 225px;}
.public-quality ul li a.a-title {display: none;width: 100%;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #000;
background: #F6F2F2;}
/* .public-title {clear: both;overflow: hidden;display: none;width: 100%;height: auto;}
.public-title.on {display: block;}
.public-title ul li {width: 98%;height: 40px;line-height:40px; margin:0 auto;background: url("../images/pt.png") no-repeat left center;}
.public-title ul li a {display: block;float: left; font-size: 16px;color: #585858;text-align: left;text-indent: 15px;}
.public-title ul li span {display: block;float: right; font-size: 14px;color: #A3A3A3;}
.public-title-intro {float: right;width: 700px;height: 440px;}
.public-title-intro ul li {width: 100%;height: px;margin: 0 0 40px 0; }
.public-title-intro ul li .name-intro-times {width: 100%;height: 125px;}
.public-title-intro ul li .name-intro-times a {display: block;float: right;width: 600px;text-align: left;}
.public-title-intro ul li .name-intro-times .a-title {font-size: 18px;height: 40px;line-height: 40px;color: #000;font-weight: bold;
transition: all .45s linear;}
.public-title-intro ul li .name-intro-times .a-times { line-height: 25px;font-size: 14px;color: #666;}
.public-title-intro ul li .name-intro-times .a-intro { height: 60px;line-height: 30px;font-size: 14px;color: #555;transition: all .3s linear;}
.public-title-intro ul li .name-intro-times .num {width: 80px;height: 105px;font-size: 60px;color: #4d4848;}
.public-title-intro ul li:hover .a-title {color: #ad2823;font-size: 19px;}
.public-title-intro ul li:hover .a-intro {color: rgba(173, 40, 35, 0.7);} */
.public-title-list {width: 96%;height: auto;margin: 0 auto;}
.public-title-list ul li {width: 100%;height: 180px;padding: 30px 0;border-bottom: 1px dashed #DCDCDC; background: url(../images/article_bars_hover.png) no-repeat right 30px center;transition: background 0.6s;}
.public-title-list ul li:hover{border:1px solid #A2D0AB ;;border-radius: 6px;background:#F0F7FD url(../images/article_bars_hover.png) no-repeat right 10px center;}
.public-title-list ul li .inside-img {float: left;width: 180px;height: 120px;margin-left:10px}
.public-title-list ul li .inside-img a { overflow: hidden;display: block;width: 180px;height: 120px;}
.public-title-list ul li .inside-img a img {display: block;width: 180px;height: 120px;-webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.public-title-list ul li .inside-title-times-intro {float: left;width: 900px;height: 120px;margin-left: 50px;}
.public-title-list ul li .inside-title-times-intro .inside-title-times {width: 100%;height: 50px;}
.public-title-list ul li .inside-title-times-intro .inside-title-times a { float: left;display: block;line-height: 50px;font-size: 20px;
color: #595959;font-weight: bold;}
.public-title-list ul li .inside-title-times-intro .inside-title-times span {display: block;float: right;line-height: 50px;font-size: 15px;color: #777;}
.public-title-list ul li .inside-title-times-intro .inside-intro {width: 100%;height: 50px;line-height: 25px;}
.public-title-list ul li .inside-title-times-intro .inside-intro a {font-size: 14px;color: #999;}
.public-title-list ul li:hover .inside-img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);
-o-transform: scale(1.1);transform: scale(1.1);}
.public-title-list ul li:hover .inside-title-times a {color: #BE1C0F;}
.public-search-list {overflow: hidden;clear: both;width: 100%;height: auto; margin: 0px auto 0px auto;}
.public-search-list ul li {width: 98%;height: 40px;line-height: 40px;border-bottom: 1px dashed #CCCCCC;text-indent: 30px;
text-align: left;background: url(../images/lumpArrow.png) no-repeat 10px center;font-size: 16px;color: #575757;margin: 0 auto; transition: all .6s;}
.public-search-list ul li a {display: block;float: left;width: 80%; color: #575757;text-align: left;font-size: 16px;}
.public-search-list ul li span {display: block;float: right; text-align: left;font-weight: 100;height: 40px;line-height: 40px;width: auto; font-size: 15px;color: #575757; }
.public-search-list ul li:hover {border-color: #ad2823; background: url("../images/lumpOn.png") no-repeat 10px center;}
.public-search-list ul li:hover a {color: #F89B2D;}
.public-sort-name {float: left;width: auto;height: auto;margin: 30px 100px 0 15px;}
.public-sort-name dt {height: 40px;line-height: 40px;text-align: left;font-size: 16px;color: #000;}
.public-sort-name dt a {font-size: 16px;color: #000;}
.public-sort-name dt.f-logo {width: 260px;height: 75px;}
.public-sort-name dd {width: auto;height: 30px;line-height: 30px;text-align: left;font-size: 14px;color: rgba(0, 0, 0, 0.6);}
.public-sort-name dd a {font-size: 14px;color: rgba(0, 0, 0, 0.6);}
.public-sort-name-goods {float: left;width: 220px;height: auto;margin: 40px 40px 0 40px;}
.public-sort-name-goods dt {width: 220px;height: 40px;line-height: 40px;text-align: left;font-size: 16px;color: #fff;}.public-sort-name-goods dt a {font-size: 16px;color: #fff;}
.public-sort-name-goods dd {float: left;width: 110px;height: 30px;line-height: 30px;text-align: left;font-size: 13px;color: rgba(255, 255, 255, 0.7);}
.public-sort-name-goods dd a {font-size: 13px;color: rgba(255, 255, 255, 0.7);}
.public-goods-list {width: 100%;height: auto;margin: 0 auto;clear: both;overflow: hidden;}
.public-goods-list ul li {float: left;width: 300px;height: 270px;margin: 25px 13px;z-index: 999;overflow: hidden;transition: all .4s;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);}
.public-goods-list ul li .a-img {display: block;width: 100%;height: 230px;overflow: hidden;}
.public-goods-list ul li img {display: block;width: 300px; height: 230px;margin: 0 auto;transition: all .3s linear;}
.public-goods-list ul li h2 {width: 100%;height: 40px;line-height: 40px;text-align: center;font-weight: normal;}
.public-goods-list ul li h2 a {display: block;font-size: 14px;color: #444;background: #F4F4F4;transition: all .45s linear;}
.public-goods-list ul li:hover {transform: translate3d(0px, -8px, 0px);box-shadow: 0 0 6px 0 rgba(5, 76, 165, 0.2);}
.public-goods-list ul li:hover img {transform: scale(1.1);}
.public-goods-list ul li:hover h2 a {background: #F4F4F4;color: #333;}
.form-list-inqury{position:fixed;right:-200%;top:25%;width:320px;height:380px;margin:0 auto;background:#F2F2F2;z-index:99999;clear:both;overflow:hidden;border-radius:5px;transition:all.45s;box-shadow:0 10px 10px 5px rgba(0,0,0,0.35)}
.form-list-inqury h5{width:265px;font-size:14px;color:#666;margin:30px auto 15px auto;font-weight:normal;position:relative}
.form-list-inqury h5:before{position:absolute;display:block;width:15px;height:15px;line-height:15px;text-align:center;content:attr(data-name);right:-19px;top:-25px;font-size:16px;border-radius:50%;background:#C30C22;color:#fff;cursor:pointer}
.form-list-inqury label{display:block;width:240px;height:30px;margin:10px auto}
.form-list-inqury label input{display:block;width:238px;height:28px;line-height:28px;outline:none;background:#fff;border:1px solid#ddd;font-size:13px;color:#444;text-indent:12px}
.form-list-inqury label.label-online-content{width:240px;height:100px;margin:0 auto}
.form-list-inqury label.label-online-content textarea{width:238px;height:98px;border:1px solid#ddd;font-size:13px;color:#444;margin:0 auto;padding:0;text-indent:12px;outline:none;resize:none;background:#fff}
.form-list-inqury label.label-online-btn{width:140px;height:35px}
.form-list-inqury label.label-online-btn input{width:140px;height:35px;text-indent:0;font-size:16px;background:#C30C22;color:#fff;border-color:#C30C22;border-radius:6px;cursor:pointer}
.form-list-inqury label.label-none{display:none}
.public-pic-list, .public-pic-list-son {width: 100%;height: auto;margin: 0 auto;clear: both;overflow: hidden;}
/*.public-pic-list ul li, .public-pic-list-son ul li {float: left;width: 285px;height: 260px;margin: 25px 26px;z-index: 999;overflow: hidden;transition: all .4s;}*/
.public-pic-list ul li a, .public-pic-list-son ul li a {display: block;width: 100%;height: 220px;}
.public-pic-list ul li a img, .public-pic-list-son ul li a img {display: block;width: 100%;height: 220px;}
.public-pic-list ul li h2, .public-pic-list-son ul li h2 {width: 100%;height: 40px;line-height: 40px;text-align: center;font-weight: normal;}
.public-pic-list ul li h2 a, .public-pic-list-son ul li h2 a {display: block;font-size: 14px;color: #444;background: #F4F4F4;}
.public-pic-list ul li:hover, .public-pic-list-son ul li:hover {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);transform: translate3d(0px, -2px, 0px);}
.production-detail-list {width: 100%;height: auto;margin: 30px auto;}
.production-detail-list .production-detail {width: 100%;height: 486px;}
.production-detail-list .production-detail .detail-pic {float: left;width: 460px;height: 365px;}
.production-detail-list .production-detail .detail-pic .introShow {width: 100%;}
.production-detail-list .production-detail .detail-pic .introShow .mainShow {width: 100%;height: 365px;position: relative;}
.production-detail-list .production-detail .detail-pic .introShow .mainShow a {display: block;width: 100%;height: 365px;border: #CCCCCC 1px solid;box-sizing: border-box;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .mainShow a img {display: block;width: 100%;height: 365px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll {width: 100%;height: 60px;margin: 15px auto;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul {float: left;width: 445px;height: 60px;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li {float: left;width: 80px;height: 60px;margin: 0 15px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a {display: block;width: 78px;height: 58px;border: 1px solid #F3F3F3;overflow: hidden;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a img {display: block;width: 80px;height: 60px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a:hover, .production-detail-list .production-detail .detail-pic .introShow .scroll ul li a.currentItem {border: 1px solid #C80000;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .prevView {float: left;margin-top: 28px;width: 7px;height: 12px;background: url(../images/bgimg.gif) no-repeat -132px -17px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .prevView:hover {background-position: -146px -17px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .nextView {float: right;margin-top: 28px;width: 7px;height: 12px;background: url(../images/bgimg.gif) no-repeat -153px -17px;}
.production-detail-list .production-detail .detail-pic .introShow .scroll .nextView:hover {background-position: -167px -17px;}
.production-detail-list .production-detail .detail-desc {float: left;width: 400px;height: 365px;margin: 0 0 0 30px;}
.production-detail-list .production-detail .detail-desc h1 {line-height: 45px;font-size: 24px;color: #1C599D;}
.production-detail-list .production-detail .detail-desc p {width: 400px;line-height: 30px;margin: 10px auto;clear: both;overflow: hidden;}
.production-detail-list .production-detail .detail-desc p b {display: block;float: left;width: auto;line-height: 30px;text-align: center;font-size: 15px;color: rgba(0, 0, 0, 0.6);padding: 0 8px;border-radius: 5px;}
.production-detail-list .production-detail .detail-desc p span {display: block;width: 305px;float: left;line-height: 30px;font-size: 13px;color: #666;overflow: hidden;}
.production-detail-list .production-detail .detail-desc .text-area-intro {width: 100%;height: 150px;}
.production-detail-list .production-detail .detail-desc .text-area-intro textarea {display: block;width: 100%;height: 150px;line-height: 22px;font-size: 13px;font-family: Arial;color: #888;border: 1px solid #fefefe;outline: none;background: none;box-sizing: border-box;resize: none;}
.production-detail-list .production-detail .detail-desc .tel-online {width: 100%;height: 40px;margin-top: 30px;}
.production-detail-list .production-detail .detail-desc .tel-online .goods-chat {float: left;width: 65px;height: 30px;margin: 10px 0;padding-left: 10px;}
.production-detail-list .production-detail .detail-desc .tel-online .goods-online {float: left;width: 110px;height: 40px;line-height: 40px;text-align: center;background: #C30C22;margin-left: 9px;}
.production-detail-list .production-detail .detail-desc .tel-online .goods-online a {font-size: 16px;color: #fff;}
.production-detail-list .production-derail-intro {width: 100%;height: auto;margin: 10px auto 30px auto;}
.production-detail-list .production-derail-intro h5 {display: block;font-size: 18px;color: #000;font-weight: bold;width: 100%;height: 50px;line-height: 50px;text-align: left !important;border-bottom: 1px solid #9E9595;margin-bottom: 15px;}
/* 新增内容 开始 */
.production-detail-list .production-derail-intro .intro-download-video {width: 100%; height: 39px; border-bottom: 1px solid #9E9595;
}
.production-detail-list .production-derail-intro .intro-download-video span {display: block;float: left;width: 140px;line-height: 39px;font-size: 15px;
text-align: center;background: #EAEAEA;color: #000;cursor: pointer;margin: 0 15px;}
.production-detail-list .production-derail-intro .intro-download-video span.active {background: #1F5BCB;color: #fff;}
.production-detail-list .production-derail-intro .content-download-video {width: 100%;height: auto;clear: both; overflow: hidden;margin: 15px auto 0 auto;}
.production-detail-list .production-derail-intro .content-download-video text {display: none;}
.production-detail-list .production-derail-intro .content-download-video text.action {display: block;}
/* 新增内容 结束 */
.mainer-message-contact {width: 100%;height: auto;clear: both;overflow: hidden;}
.mainer-message-contact .mainer-message-contact-head {width: 100%;height: 45px;line-height: 45px;text-align: left;font-size: 18px;color: #333;background: #F4F4F4;text-indent: 16px;margin: 40px 0 15px 0;}
.mainer-message-contact .mainer-message {float: left;width: 400px;height: auto;margin-left: 15px;}
.mainer-message-contact .mainer-message .mainer-message-list {width: 100%;height: 320px;margin: 0 auto;}
.mainer-message-contact .mainer-message .mainer-message-list label {display: block;width: 100%;height: 30px;margin: 10px 0;}
.mainer-message-contact .mainer-message .mainer-message-list label input {display: block;width: 100%;height: 28px;line-height: 28px;outline: none;background: none;border: 1px solid #ddd;font-size: 13px;color: #444;text-indent: 12px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-content {width: 100%;height: 100px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-content textarea {width: 100%;height: 98px;border: 1px solid #ddd;font-size: 13px;color: #444;margin: 0;padding: 0;text-indent: 12px;outline: none;resize: none;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn {width: 140px;height: 35px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn input {width: 140px;height: 35px;text-indent: 0;font-size: 16px;background: #E6212A;color: #fff;border-color: #E6212A;border-radius: 6px;}
.mainer-message-contact .mainer-message .mainer-message-list label.label-none {display: none;}
.mainer-message-contact .mainer-contact {float: right;width: 430px;height: auto;margin-right: 15px;}
.mainer-message-contact .mainer-contact .mainer-contact-list {width: 100%;height: 320px;margin: 0 auto;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li {width: 100%;height: 49px;line-height: 49px;text-align: left;border-bottom: 1px dashed #ddd;text-indent: 40px;font-size: 14px;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-tel {background: url("../images/ctel.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-fax {background: url("../images/cfax.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-phone {background: url("../images/cphone.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-email {background: url("../images/cemail.png") no-repeat left center;}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-site {background: url("../images/csite.png") no-repeat left center;}
.mainer-valid {width: 100%; height: auto;}
.mainer-valid .mainer-valid-head {width: 100%;height: 45px;line-height: 45px;text-align: left; font-size: 18px;color: #333;background: #F4F4F4;text-indent: 16px;}
.mainer-valid .mainer-valid-list {width: 100%;height: 230px;clear: both;overflow: hidden;}
.public-related-goods {width: 100%;height: 190px;margin: 15px auto;}
.public-related-goods ul li {float: left;width: 210px;height: 190px;margin: 0 8px;}
.public-related-goods ul li a {display: block;}
.public-related-goods ul li a.a-img img {display: block;width: 210px;height: 160px;}
.public-related-goods ul li a.a-title {display: block;width: 208px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #DCDCDC;}
.mainer-list-side-search {width: 1370px;height: auto;margin: 0 auto;clear: both;}
.mainer-list-side-search .mainer-square {width: 100%;height: auto;overflow: hidden;}
.mainer-list-side-search .mainer-square .mainer-path {width: 100%;height: 60px;line-height: 60px;text-align: left;background: url("../images/home.png") no-repeat left center;border-bottom: 1px solid #eee;text-indent: 30px;}
.mainer-list-side-search .mainer-square .mainer-path a {font-size: 15px;color: #333;}
.mainer-list-side-search .mainer-square .mainer-page-list {width: 100%;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list {width: 98%;height: 45px;line-height: 45px;padding: 0 1%;margin: 15px 0;background: #F2F2F2;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-name {float: left;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-name a {font-size: 16px;color: #666;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-more {float: right;}
.mainer-list-side-search .mainer-square .mainer-page-list .lump-title-list .lump-title-more a {font-size: 14px;color: #666;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption {width: 96%;height: auto;margin: 0 auto 30px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption h1 {width: 100%;color: #3A3937;line-height: 40px;text-align: center;font-size: 24px;margin: 25px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption h3 {width: 100%;color: #666;line-height: 40px;text-align: right;font-size: 24px;margin: 25px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type {display: none;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #555552;margin: 25px auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list {display: flex;display: -webkit-flex;height: 36px;line-height: 36px;font-weight: normal;width: 100%;text-align: center;margin: 0 auto;justify-content: center;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list b {display: block;height: 36px;line-height: 36px;width: auto;font-weight: normal;font-size: 12px;color: #5A5A5A;margin-right: 15px;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share {width: auto;height: 36px;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share span {display: block;float: left;font-size: 12px;color: #5A5A5A;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {float: left;height: 36px;line-height: 36px;width: auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {display: block;float: left;margin: 9px 2px;}
.mainer-list-side-search .mainer-square .mainer-page-list .showText, .mainer-list-side-search .mainer-square .mainer-page-list .page-content {width: 94%;height: auto;margin: 0 auto;}
.mainer-list-side-search .mainer-square .mainer-page-list .showText img, .mainer-list-side-search .mainer-square .mainer-page-list .page-content img {width: 100%;text-align: center;margin: 0 auto;}
.mainer-list-side-map {width: 1370px;height: auto;margin: 0 auto;clear: both;overflow: hidden;}
.mainer-list-side-map:after {content: '';display: table;overflow: hidden;clear: both;}
.mainer-list-side-map .mainer-map-path {width: 1370px;height: 35px;line-height: 35px;background: url(../images/home.png) no-repeat 6px center;text-indent: 34px;font-size: 14px;color: #888;}
.mainer-list-side-map .mainer-map-path a {font-size: 14px;color: #888;}
.mainer-list-side-map .mainer-map-list {width: 1370px;height: auto;margin: 0 auto;}
.mainer-list-side-map .mainer-map-list .menu_map {margin: 15px auto;width: 99%;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map span {margin: 0 auto;width: 99.9%;border-top: #D6DBE1 1px solid;border-left: #D6DBE1 1px solid;border-right: #D6DBE1 1px solid;border-bottom: #CCCCCC 3px solid;background-color: #F5F8FA;height: 35px;line-height: 35px;display: block;color: #000000;font-size: 12px;font-weight: 600;vertical-align: middle;text-align: left;text-indent: 20px;}
.mainer-list-side-map .mainer-map-list .menu_map span a {text-indent: 20px;line-height: 35px;display: block;text-align: left;color: #000000;text-decoration: none;font-size: 12px;font-weight: 600;}
.mainer-list-side-map .mainer-map-list .menu_map span a:hover {color: #e4393c;}
.mainer-list-side-map .mainer-map-list .menu_map ul {width: 100%;height: auto;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map ul li {margin: 0 auto;width: 99.9%;height: auto;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 {background: url(../images/menu_map.jpg) repeat-x bottom;color: #333333;height: 48px;line-height: 48px;font-size: 16px;font-weight: 100;overflow: hidden;}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 a {line-height: 48px;display: block;text-indent: 20px;text-align: left;color: #333333;text-decoration: none;font-size: 12px;font-weight: 500;}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 a:hover {color: #e4393c;}
.mainer-list-side-map .mainer-map-list .map_listname {float: none;width: 100%;}
.mainer-list-side-map .mainer-map-list .map_listname ul {margin-left: 20px;width: 100%;}
.mainer-list-side-map .mainer-map-list .map_listname ul li {float: left;margin-right: 18px;width: auto;height: 48px;line-height: 48px;text-align: left;}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 {height: 48px;line-height: 48px;width: auto;text-align: left;float: left;clear: right;font-size: 12px;}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 a {color: #ABABAB;text-decoration: none;text-align: left;font-weight: 500;margin-bottom: 0px;font-size: 12px;}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 a:hover {color: #e4393c;}
#home-page {width: 98%;height: 30px;margin: 10px auto 60px auto;display: flex;display: -webkit-flex;justify-content: space-between;}
#home-page a {font-size: 14px;color: #ad2823;height: 30px;line-height: 30px;}
#pagelist {width: 100%;height: 32px;margin: 30px auto 10px auto;display: flex;display: -webkit-flex;justify-content: center;}
#pagelist a {width: 60px;height: 30px;line-height: 30px;font-size: 12px;color: #444;background: #EDEDED;border: #cccccc 1px solid;border-radius: 2px;text-align: center;margin: 0 5px;}
#pagelist a#nowpage {border: #ad2823 1px solid;background-color: #ad2823;color: #ffffff;}
#online_qq_layer {z-index: 22000;position: fixed;right: 0px;top: 0;margin: 200px 0 0 0;}
#online_qq_tab {width: 45px;float: left;margin: 95px 0 0 0;position: relative;background: url("../images/qMenu.jpg") no-repeat center;}
#online_qq_tab a {display: block;height: 120px;line-height: 999em;overflow: hidden;}
#onlineService {display: block;float: left;width: 140px;background: #1C599D;padding-top: 15px;padding-bottom: 15px;}
.onlineMenu {width: 120px;height: auto;background: #298AF1;margin: 0 auto;}
.onlineMenu h3 {font-size: 16px;color: #fff;font-weight: bold;width: 110px;margin: 0 auto;border-bottom: 1px solid #E5E5E5;height: 39px;line-height: 40px;text-align: center;}
.onlineMenu li {height: 44px;text-align: center;display: block;font-size: 18px;font-weight: bold;color: #000;padding-top: 15px;}
.onlineMenu li a {display: block;height: 30px;line-height: 30px;}
.onlineMenu li a img {display: block;margin: 0 auto;}
.onlineMenu li.weixin {background: url("../images/wx.png") no-repeat center;position: relative;margin: 10px 0;}
.onlineMenu li.weixin img {display: none;width: 100px;height: 100px;position: absolute;right: 120px;top: -20px;}
.onlineMenu li.weixin:hover img {display: block;}
.onlineMenu .qTel {width: 110px;height: auto;padding-top: 30px;padding-bottom: 30px;margin: 0 auto;}
.onlineMenu .qTel span {display: block;width: 110px;height: 20px;background: url("../images/qTel.png") no-repeat center;margin: 0 auto;padding-bottom: 20px;}
.onlineMenu .qTel p {font-size: 14px;color: #fff;font-weight: bold;text-align: center;height: 30px;line-height: 30px;}
#shadow {width: 100px;height: 100px;background-color: black;opacity: .2;position: absolute;top: 0;left: 0;display: none;cursor: move;}
#cover {width: 100%;height: 100%;z-index: 10;position: absolute;left: 0;top: 0;cursor: move;}
#big {width: 365px;height: 365px;position: relative;overflow: hidden;border: 1px solid yellow;display: none;}
#big img {position: absolute;top: 0;left: 0;}
/* 产品展示 带参数 */
.pro_parameters{ float: left; width: 100%; height: px;}
.pro_parameters font{display: block; float: left;width: 25%; height: 44px; margin: 10px 0px; font-size: 15px; font-weight:normal; line-height: 44px; font-style: normal; color:#fff ; text-align: center; background: gray;}
.pro_parameters span{display: block; float: left;width: 70%; height: px; margin: 10px 10px; font-size: 15px; font-weight:normal; line-height: 44px; font-style: normal; color:#333 ; text-align: left;}
/* ***************************************************************** */
/* 切换图 start */
.hot-products-head {
width: 92%;
height: 25px;
margin: 15px auto 25px auto;
}
.hot-products-head span {
line-height: 25px;
font-size: 24px;
color: #fff;
}
.hot-products-head b {
font-weight: normal;
line-height: 25px;
font-size: 24px;
color: rgba(255, 255, 255, 0.5);
}
/* 切换图 end */
.goods_center {
width: 1350px;
height: 490px;
margin: 45px auto;
clear: both;
overflow: hidden;
}
.goods_left {
float: left;
width: 420px;
height: 490px;
background: url("../images/hot-pro.jpg") no-repeat center;
/*border: 1px solid red;*/
}
.goods_right {
float: left;
width: 900px;
height: 490px;
overflow: hidden;
margin: 0 0 0 20px;;
/*border: 1px solid red;*/
}
.goods_right ul li {
float: left;
width: 280px;
height: 228px;
border: 1px solid #9BBADF;
border-radius: 4px;
margin: 0 0 30px 15px;
overflow: hidden;
position: relative;
}
.goods_right ul li a {
display: block;
width: 100%;
overflow: hidden;
}
.goods_right ul li a.a-img {
width: 100%;
height: 228px;
}
.goods_right ul li a.a-img img {
width: 100%;
height: 228px;
transition: all .45s;
}
.goods_right ul li a.a-title {
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 16px;
color: #000;
position: absolute;
bottom: -45px;
transition: all .45s linear;
}
.goods_right ul li:hover img {
transition: all .45s;
transform: scale(1.2);
}
.goods_right ul li:hover .a-title {
font-weight: bold;
background: rgba(5, 76, 165, 0.6);
transition: all .45s;
font-size: 15px;
position: absolute;
bottom: 0;
color: #fff;
z-index: 99;
}
/* 产品展示页的产品图片点击放大 */
#imgbox-loading {position: absolute;top: 0;left: 0; cursor: pointer;display: none; z-index: 90000 !important;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: #000;display: none; z-index: 90000 !important;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none; z-index: 90000 !important;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%; height: 100%;vertical-align: top;}
.imgbox-title { padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px; height: 20px;}
/* 产品展示页的产品图片点击放大 end */
/*百度地图 s*/
#alweb_map {width: 100%;height: 400px;margin-top:20px;overflow: hidden;font-family:"微软雅黑";}
#alweb_map b{color: #CC5522;font-size: 14px; }
#alweb_map img{max-width: none;}
/*百度地图 e*/
/* 内页-框架======================【内页-开始】=================================================================== */
.main {
clear: both;
overflow: hidden;
width: 100%;
height: auto;
margin: 239px auto 30px;
}
.main_center{width: 1234px; height: auto; margin: 0px auto 0px;}
.main_left{ float: left;width: 280px;height: auto;}
.main_right{float: right;width: 906px;height: auto; overflow: hidden}
/*左侧导航*/
.public-side-name {width: 100%;height: auto;clear: both;overflow: hidden;margin-top: 10px;}
.public-side-name h1 {display: block;background: #1251B3; height: 100px;line-height: 100px;text-align: center;
font-size: 32px;color: #fff;}
.public-side-name li {width: 100%;height: 45px;line-height: 45px;margin: 15px 0;}
.public-side-name li a { position: relative; display: block;width: px;height: 45px;line-height: 45px;border: #e5e5e5 1px solid;font-size: 14px;color: #333;padding: 0 10px 0 12px;-webkit-box-sizing: border-box; box-sizing: border-box; transition: all .45s;background: #fff;margin: 0 0 0 10px;}
.public-side-name li a:before {content: '';width: 5px;height: 0;position: absolute;top: 0;left: -10px;transition: all .45s;background: #298AF1;}
.public-side-name li a:hover {background: url("../images/arrow.png") no-repeat right center #1251B3;color: #fff;}
.public-side-name li a:hover:before {height: 44px;}
.public-side-name li.onm a {background: url("../images/arrow.png") no-repeat right center #1251B3;
color: #fff;}
.public-side-name li.onm a:before {height: 44px;}
/*左侧导航 end*/
/*内页-导航 */
.main_path{width: 100%;height: 60px;line-height: 60px;text-align: left;background: url(../images/home.png) no-repeat left center; font-size: 15px; text-indent: 31px;}
.main_path a{font-size: 15px;}
/*内页-导航 end*/
/*内页-单片 page.htm*/
.main_page_con{width: 100%; margin: 0 auto 0;}
/*内页-单片 page.htm end*/
/*内页-新闻列表 list.htm*/
.main_list_con{width: 100%; margin: 0 auto 0;}
/*内页-新闻列表类 头部*/
.main_news_sort{width: 100%;height: 45px; line-height: 45px;padding: 0 1%;margin: 15px 0; background: #F2F2F2;}
.main_news_sort h1 a{display:block;float: left;font-size: 16px;color: #666;line-height: 45px;}
.main_news_sort span a{display:block;float: right;font-size: 14px;color: #666;}
/*内页-新闻列表类 列*/
.main_news_sort_list{width: 100%;height: auto; margin: 0 auto;;}
.main_news_sort_list li{width: 100%;height: 180px;padding: 21px 0;border-left: 1px solid transparent;border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px dashed #DCDCDC; border-radius:5px;/*background: url(../images/article_bars_hover.png) no-repeat right 30px center;*/transition: background 0.3s;}
.main_news_sort_list li:hover{border: 1px solid #A2D0AB;/*box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.6);*/}
.news_lefts {display:block; float: left; width: 180px; height: 135px; margin-left: 10px;}
.news_lefts a { overflow: hidden; display: block;width: 180px; height: 135px;}
.news_lefts a img{display: block;width: 180px;height: 135px; transition: all 0.3s;}
.main_news_sort_list li:hover .news_lefts a img{transform: scale(1.1);}
.news_rights{float: left;width: 70%;height: 135px;margin-left: 50px;}
.news_rights h1 a{display: block; float: left; line-height: 50px;font-size: 20px;color: #595959;font-weight: bold;}
.news_rights h1 font{display: block;float: right; margin-right: 50px; line-height: 50px;font-size: 15px; color: #777;}
.news_rights h2 a{clear: both; display: block; width: 90%;height: 50px;line-height: 25px; font-size: 14px;color: #999;/*border: 1px solid red;*/}
/*内页-新闻列表 list.htm end*/
/*内页-新闻展示页 show.htm*/
.main_show_con{width: 100%; margin: 0 auto 30px;}
.main_show_con h1{ width: 100%; margin: 25px auto; color: #3A3937; line-height: 40px; text-align: center; font-size: 26px;}
/*小标题*/
.main_show_con h3{ width: 100%; margin: 25px auto; color: #3A3937; line-height: px; text-align: center; font-size: 18px;}
/*信息发布*/
.main_show_con h5{display: flex;display: -webkit-flex;height: 36px;line-height: 36px;font-weight: normal;
width: 100%;text-align: center; margin: 25px auto; justify-content: center}
.main_show_con h5>span{display: block; width: auto; height: 36px;line-height: 36px; font-weight: normal;font-size: 12px;color: #5A5A5A;margin-right: 15px}
/*分享到*/
.share>span{display: block;float: left;font-size: 12px;color: #5A5A5A;}
.bshare-custom{float: left;height: 36px;line-height: 36px;width: auto;}
.bshare-custom a{display: block; float: left; margin: 9px 2px;}
.main_show_content{width: 100%;height: auto;margin: 0 auto}
.main_show_content p{ font-size: 16px; line-height: 32px;}
.main_show_content img{ display: block; text-align: center; margin: 0 auto;}
/*内页-新闻展示页 show.htm end*/
/*内页-图文列表 txpic.htm*/
.main_txpic_con{width: 100%;}
.main_pic_sort_list{clear: both; overflow: hidden; width: 100%; height: auto; margin: 0 auto;
/* display: flex;justify-content: space-between;flex-wrap: wrap; */ }
.main_pic_sort_list li{float: left; width: 290px;height: px;margin: 25px 6px; z-index: 999; overflow: hidden; transition: all .4s;}
.main_pic_sort_list li span{}
/* 内页-图文 图片大小 */
.main_pic_sort_list li span a {display: block; width: 290px; height: 217px; overflow: hidden;}
.main_pic_sort_list li span a img{display: block; width: 290px; height: 217px; margin: 0 auto; transition: all .3s}
.main_pic_sort_list li:hover span a img {transform: scale(1.1);}
/* 内页-图文 图片大小 end*/
.main_pic_sort_list li h1{width: 100%;height:40px;line-height:40px;text-align: center; font-weight: normal;}
.main_pic_sort_list li h1 a{display: block; font-size: 14px; color: #444; background: #F4F4F4;}
/*内页-图文列表 txpic.htm end*/
/*内页-产品列表 goods.htm */
.main_goods_con{width: 100%;}
.main_goods_list{clear: both; overflow: hidden;width: 100%;height: auto;margin: 0 auto;
/*display: flex;justify-content: space-between;flex-wrap: wrap;*/ }
.main_goods_list li {
float: left;
width: 290px;
height: 277px;
margin: 25px 6px;
z-index: 999;
overflow: hidden;
transition: all .4s;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
/* 内页-产品 图片大小 */
.main_goods_list li span{}
.main_goods_list li span a {display: block; width: 290px; height: 217px; overflow: hidden; }
.main_goods_list li span a img{display: block; width: 290px; height: 217px; margin: 0 auto; transition: all .3s}
.main_goods_list li:hover span a img {transform: scale(1.1);}
/* 内页-产品 图片大小 end*/
.main_goods_list li h1{width: 100%;height: 40px; line-height: 40px;text-align: center;font-weight: normal;}
.main_goods_list li h1 a{display: block;font-size: 14px;color: #444;background: #F4F4F4;}
.main_goods_list li h2,.main_goods_list li h3,.main_goods_list li h4{display:none;}
.main_goods_top{width: 100%;height: 45px;padding: 0 1%;margin: 15px 0;background: #F2F2F2;}
.main_goods_top h1 a{float:left;font-size: 16px;color: #666;line-height: 45px;}
.main_goods_top h2 a{float:right;font-size: 16px;color: #666;line-height: 45px;}
/*内页-产品列表 goods.htm end*/
/*内页-产品展示页 goodshow.htm */
.goods_show{width: 100%;height: auto;margin: 30px auto}
.goods_show_top{width: 100%;height: 465px;}
/*左侧大图*/
.goods_lefts{float: left;width: 460px;height: 345px;}
.introShow {width: 100%;}
.mainShow {width: 100%;height: 345px;position: relative;}
.mainShow a {overflow: hidden; display: block;width: 100%;height: 345px; border: #CCCCCC 1px solid;box-sizing: border-box;}
.mainShow a img {display: block;width: 100%;height: 345px;}
/**/
.scroll {overflow: hidden;width: 100%;height: 60px;margin: 15px auto;}
.scroll .prevView {float: left;margin-top: 26px;width: 7px;height: 12px;background: url(../images/bgimg.gif) no-repeat -132px -17px;}
.scroll ul {float: left;width: 445px;height: 60px;overflow: hidden;}
.scroll ul li {float: left;width: 80px;height: 60px;margin: 0 15px;}
.scroll ul li a.currentItem {border: 1px solid #C80000;}
.scroll ul li a img {display: block;width: 80px;height: 60px;}
.scroll .nextView {float: right;margin-top: 26px;width: 7px;height: 12px;background: url(../images/bgimg.gif) no-repeat -153px -17px;}
.goods_rights{float: left;width: 400px;height: 345px;margin: 0 0 0 30px;}
.goods_rights h1{line-height: 45px;font-size: 24px;color: #1C599D;}
.goods_rights textarea {
display: block;
width: 100%;
height: 50%;
line-height: 22px;
font-size: 13px;
color: #888;
border: 1px solid #fefefe;
outline: none;
background: none;
box-sizing: border-box;
resize: none;
}
.goods_show_content{width: 100%;height: auto; margin: 10px auto 30px;}
.goods_show_content h5{display: block;font-size: 18px;color: #000;font-weight: bold;width: 100%;height: 50px;
line-height: 50px;text-align: left !important;border-bottom: 1px solid #9E9595;margin-bottom: 15px;}
/* 底部 在线留言*/
.main_goods_show_bot{ clear: both; overflow: hidden; width: 100%;height: auto;}
.main_goods_show_bot h6{ width: 100%;height: 45px; margin: 40px 0 15px 0; line-height: 45px;text-align: left;font-size: 18px;color: #333;background: #F4F4F4;text-indent: 16px;}
.main_goods_show_bot form{ display: block;float: left;width: 400px;height: auto;margin-left: 0px;}
.main_goods_show_bot form input{ display: block;float: left;width: 98%;height:30px;margin: 10px 0;;border: 1px solid #ddd;color: #444; text-indent: 10px;}
.main_goods_show_bot form textarea{ display: block;float: left;width: 98%;height:100px;margin: 10px 0;;border: 1px solid #ddd;color: #444; text-indent: 10px;outline: none;resize: none;}
.main_goods_show_bot form .gooshow_contact_submit{clear: both; display: block; width: 140px;height: 35px;text-indent: 0;font-size: 16px;background: #E6212A;color: #fff; border-color: #E6212A; border-radius: 6px;}
/*底部 联系方式*/
.gooshow_contact{float: right;width: 430px;height: auto; margin-right: 0px;}
.gooshow_contact li{width: 100%;/* height: 49px; */line-height: 49px;text-align: left;border-bottom: 1px dashed #ddd;text-indent: 0px;font-size: 14px;padding-left: 20px;}
/*相关产品*/
.gooshow_bot_list{}
.gooshow_bot_list h3{width: 100%;height: 45px;line-height: 45px;text-align: left;font-size: 18px;color: #333;background: #F4F4F4;text-indent: 16px; margin: 5px auto}
.gooshow_bot_pro li{float: left;width: 210px;height: 190px;margin: 0 8px;}
.gooshow_bot_pro li a{}
.gooshow_bot_pro li a img{ display: block;width: 210px;height: 160px;;}
.gooshow_bot_pro ul li a.a-title {display: block;width: 210px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #DCDCDC;}
/*内页-产品展示页 goodshow.htm end*/
/*内页-搜索 srch.htm */
.main_search_list {overflow: hidden;clear: both;width: 100%;height: auto; margin: 30px auto 45px auto;}
.main_search_list ul li {width: 98%;height: 39px;line-height: 40px;border-bottom: 1px dashed #CCCCCC;text-indent: 30px;
text-align: left;background: url(../images/lumpArrow.png) no-repeat 10px center;font-size: 16px;color: #575757;margin: 0 auto; transition: all .6s;}
.main_search_list ul li a {display: block;float: left;width: 80%; color: #575757;text-align: left;font-size: 16px;}
.main_search_list ul li span {display: block;float: right; text-align: left;font-weight: 100;height: 40px;line-height: 40px;width: auto;font-size: 15px;color: #575757; }
.main_search_list ul li:hover {border-color: #ad2823; background: url("../images/lumpOn.png") no-repeat 10px center;}
.main_search_list ul li:hover a {color: #F89B2D;}
/* 内页-搜索 srch.htm end */
/*-s 内页-产品展示-产品展示页 多个展示信息 */
.intro-download-video {width: 100%; height: 39px; border-bottom: 1px solid #9E9595;}
.intro-download-video span {display: block;float: left;width: 140px;line-height: 39px;font-size: 15px;
text-align: center;background: #EAEAEA;color: #000;cursor: pointer;margin: 0 15px;}
.intro-download-video span.active {background: #1F5BCB;color: #fff;}
.content-download-video {width: 100%;height: auto;clear: both; overflow: hidden;margin: 15px auto 0 auto;}
.content-download-video text {display: none;}
.content-download-video text.action {display: block;}
/*-e 内页-产品展示-产品展示页 多个展示信息 */
/* 内页-框架 =======================【内页-结束】==================================================================end*/
/* 图片自适应 */
/* 新闻列 */
/*.public-title-list ul li .inside-img a img{display: block;width:auto;height: 130px;-webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;margin:0 auto;}*/
/* 图文列 */
/*.public-pic-list ul li a img, .public-pic-list-son ul li a img{display: block;width:auto;height:200px;margin:0 auto}*/
/* 产品列 */
/*.public-goods-list ul li img {display: block;height:230px;margin: 0 auto;transition: all .3s linear;}*/
/* 图片自适应 end */
/*内页-横排导航 start*/
/*
.main_center{width: 100%; height: auto; }
.main_left{float:none ; width: 100%;height: 60px; border-bottom: 1px solid #ddd;}
.main_right{float:none ;width: 1228px;height: auto; overflow: hidden; margin: 0px auto; padding-top: 26px; }
.side_horizontally{ clear: both; position:relative; width: 1228px; height: px; margin: 10px auto 0px;}
.side_horizontally ul{ float:left;position:relative; }
.side_horizontally h1 {display: none;}
.side_horizontally ul li { position:relative; display: inline-block; width: auto;text-align: center;}
.side_horizontally ul li a { display: inline-block;height: 60px; line-height: 60px;font-size: 16px;color: #333;transition: all .45s;}
.side_horizontally ul li::before {content: '';display:block ;float: right;width: 53px;height:58px;background: url(../images/dot.png) no-repeat center; ;transition: all .45s; }
.side_horizontally ul li:last-child::before{display:none;}
.side_horizontally li a:hover {border-bottom: #0069C2 6px solid; height: 60px;}
.side_horizontally li.onm a {border-bottom: #0069C2 6px solid; height: 60px;transition: all .45s;}
.side_horizontally li.onm a:before {}
.horizontally_path{float:right;display: block; width: auto; height: 60px; text-align: center;background: url(../images/home.png) no-repeat left center; text-indent: 31px;line-height: 60px;}
.path_titles{display: none;position:absolute; left: 0px; top: 60px; z-index: 1; width: px; height: px; line-height: 70px; font-size: 25px; color: #969896}
*/
/*内页-横排导航 end*/
/*s-产品中心全部栏目展示*/
.public-side-pro {width: 100%;height: auto;clear: both;overflow: hidden;margin-top: 10px;}
.public-side-pro h1 {display: block;background: #1251B3; height: 100px;line-height: 100px;text-align: center;
font-size: 32px;color: #fff;}
.public-side-pro li {width: 100%;height: 45px;line-height: 45px;margin: 15px 0;}
.public-side-pro li a { position: relative; display: block;width: px;height: 45px;line-height: 45px;border: #e5e5e5 1px solid;font-size: 14px;color: #333;padding: 0 10px 0 12px;-webkit-box-sizing: border-box;box-sizing: border-box; transition: all .45s;background: #fff;margin: 0 0 0 10px;}
.public-side-pro li a:before {content: '';width: 5px;height: 0;position: absolute;top: 0;left: -10px;transition: all .45s;background: #298AF1;}
.public-side-pro li a:hover {background: url("../images/arrow.png") no-repeat right center #1251B3;color: #fff;}
.public-side-pro li a:hover:before {height: 44px;}
.public-side-pro li.onm a {background: url("../images/arrow.png") no-repeat right center #1251B3;
color: #fff;}
.public-side-pro li.onm a:before {height: 44px;}
.public-side-pro li a.public-side-01{background:#C0C0BE;font-size: 16px; }
.public-side-pro li a.public-side-01:hover {background: #C0C0BE; color: #333;}
.public-side-pro li a.public-side-01:before {content: '';width: 5px;height: 0;position: absolute;top: 0;left: -10px;transition: all .45s;background: #C0C0BE;}
.public-side-02{}
/*e-产品中心全部栏目展示*/
/*留言 s */
.gbook_test_01{}
.gbook_test_01 h1{color:#2067D1;font-size: 20px;line-height: 40px; text-align: center;font-weight: bold;}
.gbook_test_01 form div{ width: 46%; height：50px;line-height: 50px;}
.gbook_test_01 form div>span{vertical-align: middle; width: 46%; height：50px;line-height: 17px; color:red;}
.gbook_test_01 form lable{display: inline;font-weight: bold}
.gbook_test_01 form input{display: inline;}
.gbook_test_01 form input.gbook_input_name{width: 210px;}
.gbook_test_01 form input.fx_input_date{width: 250px;}
.gbook_test_01 form select.fx_select_name{display: inline;width: 280px;color:#000;font-size: 16px;}
.gbook_test_01 form table.fx_msg_tables tr{color:#000;font-size: 16px;line-height: 40px;}
#zcity_select select{height: 35px; display: inline; border: 1px solid #ccc;}
.gbook_test_01 form div.gbook_input_1{float:left;}
.gbook_test_01 form div.gbook_input_1>input{width:300px; height：50px;line-height: 50px; border: 1px solid #ccc;}
.gbook_test_01 form div.gbook_textarea_1{float:left; width: 100%;}
.gbook_textarea_1>textarea{width:56%; height: 100px; border: 1px solid #ccc; line-height:26px;}
.gbook_submit_01 {width: 100px; height: 40px; outline: none; line-height: 40px; border: none; background: #373B3E; color: #fff;}
.gbook_reset_01 { width: 100px; height: 40px; outline: none; line-height: 40px; border: none; background: #9DAAB1; color: #fff;}
/*留言 e */
/* s */
/* 产品列表带咨询-en模式 ID56n88MGhh7m00 */
.main_goods_list9{clear: both; overflow: hidden;width: 100%;height: auto;margin: 0 auto;
/*display: flex;justify-content: space-between;flex-wrap: wrap;*/ }
.main_goods_list9 li {
/* float: left; */
width: 99%;
height: 216px;
margin: 25px 6px;
z-index: 999;
overflow: hidden;
transition: all .4s;
border-bottom: #cbcbcb 1px solid;
box-shadow: none;
}
.main_goods_list9 li:hover {
box-shadow: 0px 0px 2px rgb(0 0 0 / 44%);
}
.main_goods_list9 li span{
width: 268px;
height: 187px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
overflow: hidden;
}
.main_goods_list9 li span>a img {width: 100%;/* display: block; *//* width: 290px; *//* height: 217px; *//* overflow: hidden; */}
.main_goods_list9 li span>a img{display: block; width: 290px; height: 217px; margin: 0 auto; transition: all .3s}
.main_goods_list9 li:hover span>a img {transform: scale(1.1);}
.main_goods_list9 li h1{/* width: 100%; */height: 40px;line-height: 40px;text-align: center;font-weight: normal;}
.main_goods_list9 li h1 a{display: block;font-size: 17px;color: #444; background: none; float: right;text-align: left;font-weight: bold;width: 613px;}
.main_goods_list9 li h2 a {
width: 613px;
display: block;
font-size: 14px;
line-height: 25px;
color: #938e8e;
/* background: #F4F4F4; */
float: right;
font-weight: 500;
/* text-align: justify; */
}
.main_goods_list9 li h3 a {
width: 210px;
height: 37px;
margin: 12px 0px 0px 17px;
padding: 0px 0px 0px 0px;
float: left;
color: #fff;
line-height: 37px;
font-size: 15px;
line-height: px;
font-weight: 400;
text-align: center;
text-indent: 0px;
display: block;
background: #141F39;
border-radius: 4px;
}
.main_goods_list9 li h4 a {
width: 210px;
height: 37px;
margin: 12px 0px 0px 16px;
padding: 0px 0px 0px 0px;
float: left;
color: #fff;
line-height: 37px;
font-size: 15px;
line-height: px;
font-weight: 400;
text-align: center;
text-indent: 0px;
border-radius: 4px;
display: block ;
background: #0077B5;
}
.main_goods_list9 li h2,.main_goods_list9 li h3,.main_goods_list9 li h4{display:block;}
.main_goods_list9 li h3 a:hover,.main_goods_list9 li h4 a:hover{background: #EE121B;}
/* e */
/* s */
/* ID56n88MGse9mmfd */
.main_goods_show_jump{ clear: both; overflow: hidden; width: 100%;height: auto;}
.main_goods_show_jump font{ color: #666; font-size: 13px; line-height: px;}
.main_goods_show_jump h6{ width: 100%;height: 45px; margin: 40px 0 15px 0; line-height: 45px;text-align: left;font-size: 18px;color: #333;background: #F4F4F4;text-indent: 16px;}
.main_goods_show_jump form{ display: block;float: left;width: 400px;height: auto;margin-left: 0px;}
.main_goods_show_jump form input{ display: block;float: left;width: 96%;height:30px;margin: 10px 0;;border: 1px solid #ddd;color: #444; text-indent: 10px;}
.main_goods_show_jump form textarea{ display: block;float: left;width: 96%;height:100px;margin: 10px 0;;border: 1px solid #ddd;color: #444; text-indent: 10px;outline: none;resize: none;font-family: '微软雅黑';}
.main_goods_show_jump form .gooshow_contact_submit{clear: both; display: block; width: 140px;height: 35px;text-indent: 0;font-size: 16px;background: #E6212A;color: #fff; border-color: #E6212A; border-radius: 6px;}
/* e */
.header {
width: 100%;
height: 200px;
clear: both;
position: fixed;
z-index: 999;
}
.header .logo-tel-list {
width: 100%;
height: 145px;
background: url("../images/hbg.jpg") no-repeat center;
}
.header .logo-tel-list .logo-tel {
width: 1200px;
height: 145px;
margin: 0 auto;
}
.header .logo-tel-list .logo-tel .logo {
float: left;
width: 762px;
height: 82px;
margin: 31.5px 0;
}
.header .logo-tel-list .logo-tel .tel {
float: right;
width: 200px;
height: 50px;
background: url("../images/tel.png") no-repeat left center;
margin: 45px 0 30px 0;
}
.header .logo-tel-list .logo-tel .tel span {
display: block;
text-indent: 55px;
font-size: 14px;
color: #00449A;
}
.header .logo-tel-list .logo-tel .tel b {
display: block;
height: 30px;
line-height: 30px;
font-size: 24px;
color: #D74207;
font-family: '思源黑体 CN';
text-align: right;
}
.header .menu {
width: 100%;
height: 55px;
background: #00449A;
}
/* s */
.keywords-search {
width: 100%;
height: 80px;
background: #F4F4F4;
margin: 240px auto 0;
}
.keywords-search .keywords-search-list {
width: 1200px;
height: 80px;
margin: 0 auto;
}
.keywords-search .keywords-search-list .keywords {
float: left;
line-height: 80px;
}
.keywords-search .keywords-search-list .keywords dt, .keywords-search .keywords-search-list .keywords dd {
float: left;
font-size: 15px;
color: #040000;
margin-right: 15px;
line-height: 80px;
font-weight: 500;
}
.keywords-search .keywords-search-list .search {
float: right;
width: 300px;
height: 30px;
margin: 25px 0;
}
/* e */
.products {
width: 100%;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
background: #f4f4f4;
}
/* s */
.products-head {
width: 1200px;
height: 125px;
margin: 80px auto 45px auto;
}
.products-head a {
display: block;
width: 1200px;
height: auto;
margin: 0 auto;
}
.products-head a h4 {
width: 1200px;
height: 59px;
font-size: 44px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
color: #3D5D9E;
}
.products-head a h2 {
width: 1200px;
height: 50px;
line-height: 50px;
text-align: center;
position: relative;
font-size: 30px;
/* font-family: "思源黑体"; */
font-weight: bold;
color: #00449A;
}
.products-head a h2:before,.products-head a h2:after {
content: '';
display: block;
width: 160px;
height: 1px;
background: #ccc;
position: absolute;
}
.products-head a h2:before {
left: 360px;
top: 24px;
}
.products-head a h2:after {
bottom: 24px;
right: 360px;
}
.products-head a h5 {
width: 1200px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: normal;
font-size: 14px;
color: rgba(69, 72, 75, 0.8);
}
.products .products-list {
width: 1200px;
height: 750px;
margin: 0 auto;
}
.products .products-list .goods-sort-name {
float: left;
width: 310px;
height: auto;
}
.products .products-list .goods-sort-name dt {
width: 100%;
height: 100px;
background: #00449A;
transition: all .3s linear;
}
.products .products-list .goods-sort-name dt a {
display: block;
width: 100%;
height: 100px;
clear: both;
overflow: hidden;
}
.products .products-list .goods-sort-name dt a b, .products .products-list .goods-sort-name dt a span {
display: block;
color: #fff;
text-indent: 48px;
}
.products .products-list .goods-sort-name dt a b {
font-size: 28px;
margin: 15px 0 5px 0;
}
.products .products-list .goods-sort-name dt a span {
font-size: 18px;
}
.products .products-list .goods-sort-name dd {
width: 100%;
height: 45px;
background: #165DB7;
}
.products .products-list .goods-sort-name dd:hover {
background: linear-gradient(#165DB7, #00449A);
}
.products .products-list .goods-sort-name dd a {
display: block;
width: 280px;
height: 44px;
line-height: 44px;
font-size: 16px;
color: #fff;
border-bottom: 1px solid #5C8ECD;
margin: 0 15px;
background: url("../images/gar.png") no-repeat 33px center;
text-indent: 80px;
}
.products .products-list .goods-sort-name dd.dtel {
width: 100%;
height: 171px;
background: #165DB7;
padding: 20px 0 40px 0;
position:relative;
}
.dtel font{position:absolute; left: 46px; top: 66px; z-index: 1; line-height: px; color: #fff; font-size: 20px; font-weight: 400; text-align: center; text-indent: 0px; display: block; }
.dtel span{position:absolute; left: 92px; top: 131px; z-index: 1; line-height: px; color: #fff; font-size: 26px; font-weight: 400; text-align: center; text-indent: 0px; display: block; font-style: italic;}
.dtel img{position:absolute; left: 46px; top: 127px; z-index: 1; }
.about {
width: 100%;
height: 605px;
background: url("../images/about.jpg") no-repeat center;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.about .about-list {
width: 60%;
height: 500px;
background: #fff;
clear: both;
overflow: hidden;
margin: 52.5px 0 52.5px 40%;
}
.about .about-list .about-title {
width: 512px;
height: 40px;
background: url("../images/about.png") no-repeat left center;
margin: 45px 0 0 60px;
}
.service {
width: 1200px;
height: auto;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.service .service-head {
width: 1200px;
height: 125px;
margin: 80px auto 45px auto;
}
.service .service-head h4 {
width: 1200px;
height: 45px;
background: url("../images/service.png") no-repeat center;
}
.service .service-head h2 {
width: 1200px;
height: 50px;
line-height: 50px;
text-align: center;
position: relative;
font-size: 30px;
font-family: "思源黑体 CN";
color: #00449A;
}
.service .service-head h2:before, .service .service-head h2:after {
content: '';
display: block;
width: 160px;
height: 1px;
background: #ccc;
position: absolute;
}
.service .service-head h2:before {
left: 360px;
top: 24px;
}
.service .service-head h2:after {
bottom: 24px;
right: 360px;
}
.service .service-head h5 {
width: 1200px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: normal;
font-size: 14px;
color: rgba(69, 72, 75, 0.8);
}
.service .service-list {
width: 1200px;
height: 186px;
margin: 0 auto 100px auto;
}
.service .service-list ul li {
float: left;
width: 186px;
height: 186px;
background: #5E99E1;
border-radius: 50%;
position: relative;
margin: 0 16px 0 0;
}
.service .service-list ul li:before {
display: block;
content: '';
border: 1px solid #00449A;
border-radius: 50%;
width: 165px;
height: 165px;
position: absolute;
top: 10px;
left: 10px;
transition: all .45s linear;
}
.service .service-list ul li b, .service .service-list ul li span {
display: block;
text-align: center;
color: #fff;
z-index: 999;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.service .service-list ul li b {
font-size: 60px;
font-weight: normal;
top: 45px;
}
.service .service-list ul li span {
font-size: 16px;
top: 120px;
}
.service .service-list ul li.s6 {
margin-right: 0;
}
.service .service-list ul li:hover:before {
background: #00449A;
}
.superiority {
width: 100%;
height: 675px;
background: url("../images/e_bg.png") no-repeat center;
clear: both;
overflow: hidden;
margin: -39px auto 0;
}
.superiority-head {
width: 1200px;
height: 125px;
margin: 80px auto 45px auto;
}
.superiority-head h4 {
width: 1200px;
height: 59px;
font-size: 44px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
color:#FEFEFE;
}
.superiority-head h2 {
width: 1200px;
height: 60px;
line-height: 60px;
text-align: center;
position: relative;
font-size: 30px;
font-family: "思源黑体 CN";
color: #fff;
}
.superiority-head h2 span {
font-size: 48px;
font-weight: bold;
}
.superiority-head h2:before, .superiority-head h2:after {
content: '';
display: block;
width: 160px;
height: 1px;
background: #ccc;
position: absolute;
}
.superiority-head h2:before {
left: 354px;
bottom: 28px;
}
.superiority-head h2:after {
bottom: 28px;
right: 358px;
}
.superiority-head h5 {
width: 1200px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: normal;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
}
.superiority .superiority-list {
width: 1200px;
height: 540px;
margin: 0 auto;
}
.superiority .superiority-list dd {
float: left;
width: 290px;
height: 540px;
background: #fff;
position: relative;
margin-right: 13px;
overflow: hidden;
transition: all .45s linear;
}
.superiority .superiority-list dd.sort4 {
margin-right: 0;
}
.superiority .superiority-list dd img {
display: block;
width: 290px;
height: 440px;
transition: all .45s linear;
position: absolute;
left: 0;
top: 0;
}
.superiority .superiority-list dd span {
display: block;
position: absolute;
left: 0;
right: 0;
}
.superiority .superiority-list dd span.icon-remarks {
width: 118px;
height: 118px;
line-height: 118px;
border-radius: 50%;
background: #EB7207;
color: #fff;
text-align: center;
margin: 0 auto;
font-size: 60px;
z-index: 9999;
bottom: 60px;
transition: all .45s linear;
}
.superiority .superiority-list dd span.span-intro {
opacity: 0;
visibility: hidden;
position: absolute;
transition: all .35s linear;
top: 0;
padding: 0 15px;
line-height: 25px;
font-size: 15px;
text-align: justify;
}
.superiority .superiority-list dd b {
display: block;
font-size: 18px;
color: #00449A;
text-align: center;
position: absolute;
bottom: 25px;
left: 0;
right: 0;
margin: 0 auto;
transition: all .4s linear;
}
.superiority .superiority-list dd:hover {
background: #EB7207;
}
.superiority .superiority-list dd:hover img {
top: -440px;
}
.superiority .superiority-list dd:hover .icon-remarks {
bottom: 410px;
height: 80px;
line-height: 80px;
border-bottom: 1px solid #fff;
border-radius: 0;
background: none;
}
.superiority .superiority-list dd:hover b {
bottom: 350px;
font-size: 28px;
color: #fff;
font-family: "思源黑体 CN";
}
.superiority .superiority-list dd:hover .span-intro {
color: #fff;
visibility: visible;
opacity: 1;
top: 205px;
}
.news {
width: 100%;
height: auto;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.news .news-head {
width: 1200px;
height: 125px;
margin: 80px auto 45px auto;
}
.news .news-head a {
display: block;
width: 1200px;
height: auto;
margin: 0 auto;
}
.news .news-head a h4 {
width: 1200px;
height: 40px;
background: url("../images/news.png") no-repeat center;
}
.news .news-head a h2 {
width: 1200px;
height: 50px;
line-height: 50px;
text-align: center;
position: relative;
font-size: 30px;
font-family: "思源黑体 CN";
color: #00449A;
}
.news .news-head a h2:before, .news .news-head a h2:after {
content: '';
display: block;
width: 160px;
height: 1px;
background: #ccc;
position: absolute;
}
.news .news-head a h2:before {
left: 360px;
top: 24px;
}
.news .news-head a h2:after {
bottom: 24px;
right: 360px;
}
.news .news-head a h5 {
width: 1200px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: normal;
font-size: 14px;
color: rgba(69, 72, 75, 0.8);
}
.news .news-list {
width: 1200px;
height: auto;
margin: 0 auto 100px auto;
}
.news .news-list .news-type {
float: left;
width: 760px;
}
.news .news-list .news-type .news-type-head {
width: 100%;
height: 59px;
line-height: 59px;
border-bottom: 1px dashed #DCDCDC;
}
.news .news-list .news-type .news-type-head dt {
float: right;
}
.news .news-list .news-type .news-type-head dt a {
font-size: 14px;
color: #050404;
line-height: 63px;
font-weight: 500;
}
.news .news-list .news-type .news-type-head dd {
float: left;
width: auto;
height: 59px;
line-height: 59px;
margin: 0 30px 0 4px;
}
.news .news-list .news-type .news-type-head dd a {
font-size: 25px;
color: #111;
}
.news .news-list .news-type .news-type-head dd.active a {
color: #00449A;
}
.news .news-list .news-type .news-type-list {
width: 98%;
height: auto;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.news .news-list .question {
float: right;
width: 390px;
}
.news .news-list .question .question-head {
width: 100%;
height: 59px;
line-height: 59px;
border-bottom: 1px dashed #DCDCDC;
}
.news .news-list .question .question-head span {
float: left;
font-size: 25px;
color: #111;
margin: 0 30px 0 4px;
}
.news .news-list .question .question-head a {
float: right;
width: auto;
height: 59px;
line-height: 59px;
font-size: 14px;
color: #050404;
}
.application {
width: 100%;
height: 706px;
background: url("../images/pro_bg.png") no-repeat center;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.application .application-head {
width: 1200px;
height: 125px;
margin: 50px auto;
}
.application .application-head h4 {
width: 1200px;
height: 60px;
background: url("../images/appliction.png") no-repeat center;
}
.application .application-head h2 {
width: 1200px;
height: 50px;
line-height: 50px;
text-align: center;
position: relative;
font-size: 30px;
font-family: "思源黑体 CN";
color: #4d4848;
}
.application .application-head h2:before, .application .application-head h2:after {
content: '';
display: block;
width: 160px;
height: 1px;
background: #ccc;
position: absolute;
}
.application .application-head h2:before {
left: 360px;
top: 24px;
}
.application .application-head h2:after {
bottom: 24px;
right: 360px;
}
.application .application-head h5 {
width: 1200px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: normal;
font-size: 14px;
color: rgba(69, 72, 75, 0.8);
}
.application .application-list {
width: 1200px;
height: 410px;
background: #fff;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.application .application-list h5 {
width: 1150px;
height: 50px;
line-height: 25px;
margin: 25px;
font-size: 15px;
color: #333;
text-align: left;
font-weight: normal;
}
.application .application-list ul {
width: 1150px;
margin: 0 auto;
}
.application .application-list ul li {
float: left;
width: 286px;
height: 120px;
margin-bottom: 1px;
margin-right: 1px;
overflow: hidden;
position: relative;
}
.application .application-list ul li img {
display: block;
width: 286px;
height: 120px;
transition: all .2s linear;
}
.application .application-list ul li span {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 38%;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #fff;
transition: all .25s linear;
transform: rotateX(-90deg);
}
.application .application-list ul li:hover img {
transform: scale(1.1);
}
.application .application-list ul li:hover span {
transform: rotateX(0);
}
.footer {
width: 100%;
height: 500px;
background: url("../images/footer.jpg") no-repeat center;
clear: both;
overflow: hidden;
}
.footer .footer-list {
width: 1200px;
height: 404px;
margin: 0 auto;
}
.footer .footer-list .footer-online {
float: right;
width: 380px;
}
.footer .footer-list .footer-online span {
display: block;
text-align: left;
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
}
.footer .footer-list .footer-online span.span-online {
line-height: 40px;
font-size: 16px;
color: #fff;
margin: 40px 0 10px 0;
}
.footer .footer-list .footer-online label {
display: block;
width: 100%;
height: 30px;
margin: 10px 0;
}
.footer .footer-list .footer-online label input {
display: block;
width: 340px;
height: 28px;
line-height: 28px;
outline: none;
background: #184C85;
border: none;
font-size: 13px;
color: #fff;
text-indent: 12px;
}
.footer .footer-list .footer-online label input::placeholder {
color: #8092AF;
}
.footer .footer-list .footer-online label.label-online-content {
width: 100%;
height: 90px;
}
.footer .footer-list .footer-online label.label-online-content textarea {
width: 340px;
height: 88px;
border: none;
font-family: "Microsoft YaHei";
font-size: 13px;
color: #fff;
margin: 0;
padding: 0;
text-indent: 12px;
outline: none;
resize: none;
background: #184C85;
}
.footer .footer-list .footer-online label.label-online-content textarea::placeholder {
color: #8092AF;
}
.footer .footer-list .footer-online label.label-online-btn {
width: 110px;
height: 35px;
}
.footer .footer-list .footer-online label.label-online-btn input {
width: 110px;
height: 35px;
text-indent: 0;
font-size: 14px;
background: #F88610;
color: #000;
border-color: #F88610;
border-radius: 3px;
}
.footer .footer-list .footer-online label.label-none {
display: none;
}
.footer .footer-copy {
width: 100%;
height: 96px;
}
.footer .footer-copy .copy {
width: 1200px;
height: 96px;
line-height: 96px;
margin: 0 auto;
font-size: 14px;
color: #fff;
text-align: center;
}
.footer .footer-copy .copy a {
font-size: 14px;
color: #fff;
}
.footer .footer-copy .copy a.beian {
margin: 0 30px;
}
.mainer {
width: 100%;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.mainer .mainer-list-side {
width: 1200px;
height: auto;
margin: 0 auto;
clear: both;
}
.mainer .mainer-list-side .mainer-side {
float: left;
width: 280px;
height: auto;
}
.mainer .mainer-list-side .mainer-side .public-side-name {
width: 100%;
height: auto;
clear: both;
overflow: hidden;
margin-top: 10px;
}
.mainer .mainer-list-side .mainer-side .public-side-name h1 {
height: 100px;
line-height: 100px;
text-align: center;
background: #00449A;
font-size: 32px;
color: #fff;
}
.mainer .mainer-list-side .mainer-side .public-side-name ul li {
width: 100%;
height: 45px;
line-height: 45px;
margin: 15px 0;
}
.mainer .mainer-list-side .mainer-side .public-side-name ul li a {
display: block;
width: 270px;
height: 45px;
line-height: 45px;
border: #e5e5e5 1px solid;
font-size: 14px;
color: #333;
padding: 0 10px 0 12px;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: all .45s;
background: #fff;
margin: 0 0 0 10px;
}
.mainer .mainer-list-side .mainer-side .public-side-name ul li a:before {
content: '';
width: 5px;
height: 0;
position: absolute;
top: 0;
left: -10px;
transition: all .45s;
background: #00449A;
}
.mainer .mainer-list-side .mainer-side .public-side-name ul li a:hover {
background: url("../images/arrow.png") no-repeat right center #00449A;
color: #fff;
}
.mainer .mainer-list-side .mainer-side .public-side-name ul li a:hover:before {
height: 44px;
}
.mainer .mainer-list-side .mainer-side .public-side-name ul li.onm a {
background: url("../images/arrow.png") no-repeat right center #00449A;
color: #fff;
}
.mainer .mainer-list-side .mainer-side .public-side-name ul li.onm a:before {
height: 44px;
}
.mainer .mainer-list-side .mainer-square {
float: right;
width: 900px;
height: auto;
overflow: hidden;
}
.mainer .mainer-list-side .mainer-square .mainer-path {
width: 100%;
height: 60px;
line-height: 60px;
text-align: left;
background: url("../images/home.png") no-repeat left center;
border-bottom: 1px solid #eee;
text-indent: 30px;
margin-bottom: 15px;
}
.mainer .mainer-list-side .mainer-square .mainer-path a {
font-size: 15px;
color: #333;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list {
width: 100%;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list {
width: 98%;
height: 45px;
line-height: 45px;
padding: 0 1%;
margin: 15px 0;
background: #F2F2F2;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name {
float: left;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name a {
font-size: 16px;
color: #666;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more {
float: right;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more a {
font-size: 14px;
color: #666;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption {
width: 96%;
height: auto;
margin: 0 auto 30px auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption h1 {
width: 100%;
color: #3A3937;
line-height: 40px;
text-align: center;
font-size: 24px;
margin: 25px auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 16px;
color: #555552;
margin: 25px auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list {
display: flex;
display: -webkit-flex;
height: 36px;
line-height: 36px;
font-weight: normal;
width: 100%;
text-align: center;
margin: 0 auto;
justify-content: center;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list b {
display: block;
height: 36px;
line-height: 36px;
width: auto;
font-weight: normal;
font-size: 12px;
color: #5A5A5A;
margin-right: 15px;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share {
width: auto;
height: 36px;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share span {
display: block;
float: left;
font-size: 12px;
color: #5A5A5A;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {
float: left;
height: 36px;
line-height: 36px;
width: auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {
display: block;
float: left;
margin: 9px 2px;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content {
width: 94%;
height: auto;
margin: 0 auto;
}
.mainer .mainer-list-side .mainer-square .mainer-page-list .showText img, .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content img {
display: block;
text-align: center;
margin: 0 auto;
}
.banner {
width: 100%;
height: 597px;
margin: 0 auto;
}
.banneron {
width: 100%;
height: 300px;
margin: 0 auto;
}
#nav-menu {
width: 1200px;
height: 55px;
clear: both;
margin: 0 auto;
}
#nav-menu li {
float: left;
width: 180px;
height: 55px;
line-height: 55px;
text-align: center;
position: relative;
transition: all .6s;
}
#nav-menu li.navOn6 {
width: 100px;
text-align: right;
}
#nav-menu li.navOn6 a {
width: 100px;
}
#nav-menu li.navOn6:before {
display: block;
content: '';
width: 2px;
height: 18px;
background: #EEF7F9;
position: absolute;
top: 20px;
right: 60px;
}
#nav-menu li a {
font-size: 18px;
color: #fff;
}
#nav-menu li span {
display: none;
}
#nav-menu li ul {
position: absolute;
border-top: 3px solid #00449A;
top: 120px;
opacity: 0;
transition: all .6s;
visibility: hidden;
z-index: 9999;
}
#nav-menu li ul li {
clear: both;
overflow: hidden;
float: none;
height: 34px;
line-height: 34px;
border-bottom: 1px solid #00449A;
background: #f5f5f5;
transition: all .6s;
}
#nav-menu li ul li a {
font-size: 13px;
color: #333;
}
#nav-menu li ul li:hover {
background: #247AD8;
}
#nav-menu li ul li:hover a {
color: #fff;
font-weight: normal;
}
#nav-menu li:hover {
background: #247AD8;
}
#nav-menu li:hover a {
font-weight: bold;
}
#nav-menu li:hover ul {
top: 55px;
opacity: 1;
visibility: visible;
}
.search-list {
width: 100%;
height: 30px;
}
.search-list ul li {
float: left;
height: 30px;
line-height: 30px;
}
.search-list ul li input {
display: block;
outline: none;
border: 1px solid #00449A;
}
.search-list ul li.search-input {
width: 240px;
}
.search-list ul li.search-input input {
width: 238px;
height: 28px;
font-size: 13px;
color: #000;
text-indent: 8px;
}
.search-list ul li.search-submit {
width: 60px;
}
.search-list ul li.search-submit input {
width: 60px;
height: 30px;
background: #00449A;
font-size: 13px;
color: #fff;
line-height:30px;
}
.public-big-goods {
width: 1200px;
height: auto;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.public-big-goods ul li {
float: left;
width: 210px;
height: 175px;
margin: 0 0 20px 20px;
position: relative;
overflow: hidden;
}
.public-big-goods ul li a {
display: block;
width: 210px;
overflow: hidden;
}
.public-big-goods ul li a.a-img {
width: 100%;
height: 175px;
}
.public-big-goods ul li a.a-img img {
width: 100%;
height: 175px;
transition: all .45s;
}
.public-big-goods ul li a.a-title {
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
transition: all .45s;
position: absolute;
bottom: -45px;
background: rgba(0, 0, 0, 0.3);
font-size: 15px;
color: #fff;
}
.public-big-goods ul li.bigPic {
width: 510px;
height: 370px;
margin: 0;
}
.public-big-goods ul li.bigPic a {
display: block;
width: 100%;
height: 370px;
}
.public-big-goods ul li.bigPic a.a-img img {
width: 100%;
height: 370px;
}
.public-big-goods ul li.bigPic a.a-title {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
transition: all .45s;
position: absolute;
bottom: -50px;
background: rgba(0, 0, 0, 0.3);
font-size: 15px;
color: #fff;
}
.public-big-goods ul li:hover img {
transition: all .45s;
transform: scale(1.1);
}
.public-big-goods ul li:hover .a-title {
font-weight: bold;
transition: all .45s;
color: #fff;
font-size: 15px;
top: 50%;
margin-top: -20px;
}
.public-goods {
float: right;
width: 890px;
height: auto;
margin: 0 auto;
}
.public-goods ul li {
float: left;
width: 260px;
height: 210px;
position: relative;
margin: 0 0 30px 35px;
}
.public-goods ul li a {
display: block;
width: 260px;
overflow: hidden;
}
.public-goods ul li a.a-img {
width: 100%;
height: 180px;
}
.public-goods ul li a.a-img img {
width: 100%;
height: 180px;
transition: all .45s;
}
.public-goods ul li a.a-title {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
transition: all .45s;
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
font-size: 14px;
color: #fff;
}
.public-goods ul li:hover img {
transition: all .45s;
transform: scale(1.1);
}
.public-goods ul li:hover img .a-title {
font-weight: bold;
transition: all .45s;
color: #00449A;
font-size: 15px;
}
.public-search-list {
width: 100%;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.public-search-list ul li {
width: 98%;
height: 45px;
line-height: 45px;
text-indent: 30px;
text-align: left;
background: url(../images/lumpArrow.png) no-repeat 10px center;
font-size: 16px;
color: #575757;
transition: all .6s;
margin: 0 auto;
}
.public-search-list ul li a {
display: block;
float: left;
color: #575757;
text-align: left;
font-size: 16px;
}
.public-search-list ul li span {
display: block;
float: right;
text-align: left;
font-weight: 100;
width: auto;
font-size: 15px;
color: #575757;
}
.public-search-list ul li:hover {
background: url("../images/lumpOn.png") no-repeat 10px center;
}
.public-search-list ul li:hover a {
color: #00449A;
}
.public-page-intro {
width: 650px;
height: auto;
clear: both;
overflow: hidden;
margin: 30px 0 0 60px;
}
.public-page-intro a {
display: inline-block;
line-height: 30px;
font-size: 16px;
color: rgba(0, 0, 0, 0.75);
text-indent: 28px;
}
.public-page-intro a.page-more {
display: block;
width: 120px;
height: 40px;
line-height: 40px;
box-sizing: border-box;
border: 1px solid #FE9900;
border-radius: 10px;
text-align: center;
text-indent: 0;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
margin: 30px 0 0 28px;
transition: all .45s;
background: #FE9900;
}
.public-pic {
width: 100%;
height: 330px;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.public-pic ul li {
float: left;
width: 350px;
height: 300px;
margin: 15px;
}
.public-pic ul li a {
display: block;
}
.public-pic ul li a.a-img {
width: 350px;
height: 260px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
clear: both;
overflow: hidden;
}
.public-pic ul li a.a-img img {
display: block;
width: 330px;
height: 240px;
margin: 10px;
}
.public-pic ul li a.a-title {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #000;
}
.public-honor {
width: 100%;
height: 265px;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.public-honor ul li {
float: left;
width: 185px;
height: 240px;
margin: 15px;
}
.public-honor ul li a {
display: block;
}
.public-honor ul li a.a-img {
width: 185px;
height: 240px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
clear: both;
overflow: hidden;
}
.public-honor ul li a.a-img img {
display: block;
width: 185px;
height: 240px;
}
.public-honor ul li a.a-title {
display: none;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #000;
}
#public-equipment {
width: 100%;
height: 230px;
position: relative;
margin: 10px 0;
}
#public-equipment b {
display: block !important;
position: absolute;
width: 39px;
height: 55px;
cursor: pointer;
z-index: 9999;
}
#public-equipment b#btnLeft {
background: url("../images/btnLeft.png") no-repeat center;
left: 0;
top: 80px;
}
#public-equipment b#btnRight {
background: url("../images/btnRight.png") no-repeat center;
right: 0;
top: 80px;
}
#public-equipment .conbox {
width: 1090px;
height: 230px;
margin: 0 auto;
overflow: hidden;
}
#public-equipment .conbox ul {
position: relative;
}
#public-equipment .conbox ul li {
float: left;
width: 306px;
height: 226px;
margin: 0 10px;
border: 2px solid #fff;
border-radius: 3px;
overflow: hidden;
}
#public-equipment .conbox ul li a {
display: block;
width: 306px;
height: 226px;
position: relative;
}
#public-equipment .conbox ul li a img {
display: block;
width: 306px;
height: 226px;
}
#public-equipment .conbox ul li a span {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 15px;
bottom: -30px;
position: absolute;
transition: all .45s;
}
#public-equipment .conbox ul li a:hover span {
bottom: 0;
color: #fff;
background: rgba(0, 0, 0, 0.25);
}
.public-title-intro {
display: none;
width: 100%;
height: auto;
clear: both;
overflow: hidden;
}
.public-title-intro.on {
display: block;
}
.public-title-intro ul li {
width: 100%;
height: 35px;
line-height: 35px;
text-indent: 12px;
background: url("../images/nbs.png") no-repeat left center;
}
.public-title-intro ul li a {
display: block;
float: left;
font-size: 16px;
color: #000;
}
.public-title-intro ul li span {
float: right;
font-size: 14px;
color: #777;
}
.public-title-intro ul li.intro1 {
height: 180px;
background: none;
text-indent: 0;
margin: 20px auto;
}
.public-title-intro ul li.intro1 img {
float: left;
display: block;
width: 260px;
height: 180px;
}
.public-title-intro ul li.intro1 .intro-world {
float: right;
width: 465px;
height: 180px;
}
.public-title-intro ul li.intro1 .intro-world .a-title {
font-size: 18px;
color: #050607;
height: 50px;
line-height: 50px;
}
.public-title-intro ul li.intro1 .intro-world .a-intro {
font-size: 14px;
height: 100px;
line-height: 25px;
color: #888;
text-align: justify;
}
.public-title-list {
width: 96%;
height: auto;
margin: 0 auto;
}
.public-title-list ul li {
width: 100%;
height: 120px;
padding: 45px 0;
border-bottom: 1px dashed #DCDCDC;
}
.public-title-list ul li .inside-img {
float: left;
width: 180px;
height: 120px;
}
.public-title-list ul li .inside-img a {
display: block;
width: 180px;
height: 120px;
overflow: hidden;
}
.public-title-list ul li .inside-img a img {
display: block;
width: 180px;
height: 120px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.public-title-list ul li .inside-title-times-intro {
float: right;
width: 640px;
height: 120px;
}
.public-title-list ul li .inside-title-times-intro .inside-title-times {
width: 100%;
height: 50px;
}
.public-title-list ul li .inside-title-times-intro .inside-title-times a {
display: block;
line-height: 50px;
float: left;
font-size: 20px;
color: #595959;
font-weight: bold;
}
.public-title-list ul li .inside-title-times-intro .inside-title-times span {
display: block;
float: right;
line-height: 50px;
font-size: 15px;
color: #777;
}
.public-title-list ul li .inside-title-times-intro .inside-intro {
width: 100%;
height: 50px;
line-height: 25px;
}
.public-title-list ul li .inside-title-times-intro .inside-intro a {
font-size: 14px;
color: #999;
}
.public-title-list ul li:hover .inside-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.public-title-list ul li:hover .inside-title-times a {
color: #BE1C0F;
}
.public-technology {
width: 100%;
height: auto;
}
.public-technology ul li {
width: 96%;
height: 140px;
margin: 25px auto;
}
.public-technology ul li a {
display: block;
width: 100%;
height: 140px;
}
.public-technology ul li a.a-title {
width: 100%;
height: 40px;
line-height: 40px;
}
.public-technology ul li a.a-title b {
display: block;
float: left;
width: 30px;
height: 40px;
background: url("../images/tq.png") no-repeat left center;
}
.public-technology ul li a.a-title span {
display: block;
float: right;
width: 335px;
height: 40px;
line-height: 40px;
font-size: 15px;
color: #343131;
overflow: hidden;
}
.public-technology ul li a.a-intro {
width: 100%;
height: 60px;
line-height: 30px;
}
.public-technology ul li a.a-intro b {
display: block;
float: left;
width: 30px;
height: 30px;
}
.public-technology ul li a.a-intro span {
display: block;
float: right;
width: 335px;
height: 100px;
line-height: 25px;
font-size: 14px;
color: #777474;
}
.public-sort-name {
float: left;
width: auto;
height: auto;
margin: 40px 40px 0 40px;
}
.public-sort-name dt {
height: 40px;
line-height: 40px;
text-align: left;
font-size: 16px;
color: #fff;
}
.public-sort-name dt a {
font-size: 16px;
color: #fff;
}
.public-sort-name dd {
height: 30px;
line-height: 30px;
text-align: left;
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
}
.public-sort-name dd a {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
}
.public-sort-name dd.img-dy {
margin-top: 10px;
width: 290px;
height: 120px;
}
.public-sort-name dd.img-dy span {
display: none;
}
.public-sort-name-goods {
float: left;
width: 220px;
height: auto;
margin: 40px 40px 0 40px;
}
.public-sort-name-goods dt {
width: 220px;
height: 40px;
line-height: 40px;
text-align: left;
font-size: 16px;
color: #fff;
}
.public-sort-name-goods dt a {
font-size: 16px;
color: #fff;
}
.public-sort-name-goods dd {
float: left;
width: 110px;
height: 30px;
line-height: 30px;
text-align: left;
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
}
.public-sort-name-goods dd a {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
}
.public-pic-list, .public-pic-list-son, .public-goods-list {
width: 100%;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.public-pic-list ul li, .public-pic-list-son ul li, .public-goods-list ul li {
float: left;
width: 260px;
height: 240px;
margin: 25px 20px;
z-index: 999;
overflow: hidden;
transition: all .4s;
}
.public-pic-list ul li a, .public-pic-list-son ul li a, .public-goods-list ul li a {
display: block;
width: 100%;
height: 200px;
}
.public-pic-list ul li a img, .public-pic-list-son ul li a img, .public-goods-list ul li a img {
display: block;
width: 100%;
height: 200px;
}
.public-pic-list ul li h2, .public-pic-list-son ul li h2, .public-goods-list ul li h2 {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: normal;
}
.public-pic-list ul li h2 a, .public-pic-list-son ul li h2 a, .public-goods-list ul li h2 a {
display: block;
font-size: 14px;
color: #444;
background: #F4F4F4;
}
.public-pic-list ul li:hover, .public-pic-list-son ul li:hover, .public-goods-list ul li:hover {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
transform: translate3d(0px, -2px, 0px);
}
.public-pic-list-son-honor {
width: 100%;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.public-pic-list-son-honor ul li {
float: left;
width: 260px;
height: 380px;
margin: 25px 20px;
z-index: 999;
overflow: hidden;
transition: all .4s;
}
.public-pic-list-son-honor ul li a {
display: block;
width: 100%;
height: 340px;
}
.public-pic-list-son-honor ul li a img {
display: block;
width: 100%;
height: 340px;
}
.public-pic-list-son-honor ul li h2 {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: normal;
}
.public-pic-list-son-honor ul li h2 a {
display: block;
font-size: 14px;
color: #444;
background: #F4F4F4;
}
.public-pic-list-son-honor ul li:hover {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
transform: translate3d(0px, -2px, 0px);
}
/*产品*/
.production-detail-list {
width: 100%;
height: auto;
margin: 30px auto;
}
.production-detail-list .production-detail {
width: 100%;
height: 465px;
}
.production-detail-list .production-detail .detail-pic {
float: left;
width: 460px;
height: 365px;
}
.production-detail-list .production-detail .detail-pic .introShow {
width: 100%;
}
.production-detail-list .production-detail .detail-pic .introShow .mainShow {
width: 100%;
height: 365px;
}
.production-detail-list .production-detail .detail-pic .introShow .mainShow a {
display: block;
width: 100%;
height: 365px;
border: #CCCCCC 1px solid;
box-sizing: border-box;
overflow: hidden;
}
.production-detail-list .production-detail .detail-pic .introShow .mainShow a img {
display: block;
width: 100%;
height: 365px;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll {
width: 100%;
height: 60px;
margin: 15px auto;
overflow: hidden;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul {
float: left;
width: 445px;
height: 60px;
overflow: hidden;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li {
float: left;
width: 80px;
height: 60px;
margin: 0 15px;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a {
display: block;
width: 78px;
height: 58px;
border: 1px solid #F3F3F3;
overflow: hidden;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a img {
display: block;
width: 80px;
height: 60px;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll ul li a:hover, .production-detail-list .production-detail .detail-pic .introShow .scroll ul li a.currentItem {
border: 1px solid #C80000;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll .prevView {
float: left;
margin-top: 28px;
width: 7px;
height: 12px;
background: url(../images/bgimg.gif) no-repeat -132px -17px;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll .prevView:hover {
background-position: -146px -17px;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll .nextView {
float: right;
margin-top: 28px;
width: 7px;
height: 12px;
background: url(../images/bgimg.gif) no-repeat -153px -17px;
}
.production-detail-list .production-detail .detail-pic .introShow .scroll .nextView:hover {
background-position: -167px -17px;
}
.production-detail-list .production-detail .detail-desc {
float: left;
width: 400px;
height: 365px;
margin: 0 0 0 30px;
}
.production-detail-list .production-detail .detail-desc h1 {
height: 45px;
line-height: 45px;
font-size: 24px;
color: #1C599D;
}
.production-detail-list .production-detail .detail-desc p {
width: 400px;
line-height: 30px;
margin: 10px auto;
clear: both;
overflow: hidden;
}
.production-detail-list .production-detail .detail-desc p b {
display: block;
float: left;
width: auto;
line-height: 30px;
text-align: center;
font-size: 15px;
color: #000;
padding: 0 8px;
border-radius: 5px;
}
.production-detail-list .production-detail .detail-desc p span {
display: block;
width: 305px;
float: left;
line-height: 30px;
font-size: 13px;
color: #666;
overflow: hidden;
}
.production-detail-list .production-detail .detail-desc .tel-online {
width: 100%;
height: 40px;
margin-top: 30px;
}
.production-detail-list .production-detail .detail-desc .tel-online .goods-chat {
float: left;
width: 65px;
height: 30px;
margin: 10px 0;
padding-left: 10px;
}
.production-detail-list .production-detail .detail-desc .tel-online .goods-online {
float: left;
width: 110px;
height: 40px;
line-height: 40px;
text-align: center;
background: #C30C22;
margin-left: 9px;
}
.production-detail-list .production-detail .detail-desc .tel-online .goods-online a {
font-size: 16px;
color: #fff;
}
.production-detail-list .production-derail-intro {
width: 100%;
height: auto;
margin: 10px auto 30px auto;
}
.production-detail-list .production-derail-intro .intro {
display: block;
font-size: 18px;
color: #000;
font-weight: bold;
width: 100%;
height: 50px;
line-height: 50px;
text-align: left !important;
border-bottom: 1px solid #9E9595;
margin-bottom: 35px;
}
.mainer-message-contact {
width: 100%;
height: auto;
clear: both;
overflow: hidden;
}
.mainer-message-contact .mainer-message-contact-head {
width: 100%;
height: 45px;
line-height: 45px;
text-align: left;
font-size: 18px;
color: #333;
background: #F4F4F4;
text-indent: 16px;
margin: 40px 0 15px 0;
}
.mainer-message-contact .mainer-message {
float: left;
width: 300px;
height: auto;
margin-left: 15px;
}
.mainer-message-contact .mainer-message .mainer-message-list {
width: 100%;
height: 320px;
margin: 0 auto;
}
.mainer-message-contact .mainer-message .mainer-message-list label {
display: block;
width: 100%;
height: 30px;
margin: 10px 0;
}
.mainer-message-contact .mainer-message .mainer-message-list label input {
display: block;
width: 298px;
height: 28px;
line-height: 28px;
outline: none;
background: none;
border: 1px solid #ddd;
font-size: 13px;
color: #444;
text-indent: 12px;
}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-content {
width: 100%;
height: 100px;
}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-content textarea {
width: 298px;
height: 98px;
border: 1px solid #ddd;
font-family: "Microsoft YaHei";
font-size: 13px;
color: #444;
margin: 0;
padding: 0;
text-indent: 12px;
outline: none;
resize: none;
}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn {
width: 140px;
height: 35px;
}
.mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn input {
width: 140px;
height: 35px;
text-indent: 0;
font-size: 16px;
background: #E6212A;
color: #fff;
border-color: #E6212A;
border-radius: 6px;
}
.mainer-message-contact .mainer-message .mainer-message-list label.label-none {
display: none;
}
.mainer-message-contact .mainer-contact {
float: right;
width: 430px;
height: auto;
margin-right: 15px;
}
.mainer-message-contact .mainer-contact .mainer-contact-list {
width: 100%;
height: 320px;
margin: 0 auto;
}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li {
width: 100%;
height: 49px;
line-height: 49px;
text-align: left;
border-bottom: 1px dashed #ddd;
text-indent: 40px;
font-size: 14px;
}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-tel {
background: url("../images/ctel.png") no-repeat left center;
}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-fax {
background: url("../images/cfax.png") no-repeat left center;
}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-phone {
background: url("../images/cphone.png") no-repeat left center;
}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-email {
background: url("../images/cemail.png") no-repeat left center;
}
.mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-site {
background: url("../images/csite.png") no-repeat left center;
}
.mainer-valid {
width: 100%;
height: auto;
}
.mainer-valid .mainer-valid-head {
width: 100%;
height: 45px;
line-height: 45px;
text-align: left;
font-size: 18px;
color: #333;
background: #F4F4F4;
text-indent: 16px;
}
.mainer-valid .mainer-valid-list {
width: 100%;
height: 230px;
clear: both;
overflow: hidden;
}
.public-related-goods {
width: 100%;
height: 190px;
margin: 15px auto;
}
.public-related-goods ul li {
float: left;
width: 210px;
height: 190px;
margin: 0 7px;
}
.public-related-goods ul li a {
display: block;
}
.public-related-goods ul li a.a-img img {
display: block;
width: 210px;
height: 160px;
}
.public-related-goods ul li a.a-title {
display: block;
width: 208px;
height: 28px;
line-height: 28px;
text-align: center;
border: 1px solid #DCDCDC;
}
/** 网站地图 **/
.mainer-list-side-map {
width: 1200px;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.mainer-list-side-map:after {
content: '';
display: table;
overflow: hidden;
clear: both;
}
.mainer-list-side-map .mainer-map-path {
width: 1200px;
height: 35px;
line-height: 35px;
background: url(../images/home.png) no-repeat 6px center;
text-indent: 34px;
font-size: 14px;
color: #888;
}
.mainer-list-side-map .mainer-map-path a {
font-size: 14px;
color: #888;
}
.mainer-list-side-map .mainer-map-list {
width: 1200px;
height: auto;
margin: 0 auto;
}
.mainer-list-side-map .mainer-map-list .menu_map {
margin: 15px auto;
width: 99%;
overflow: hidden;
}
.mainer-list-side-map .mainer-map-list .menu_map span {
margin: 0 auto;
width: 99.9%;
border-top: #D6DBE1 1px solid;
border-left: #D6DBE1 1px solid;
border-right: #D6DBE1 1px solid;
border-bottom: #CCCCCC 3px solid;
background-color: #F5F8FA;
height: 35px;
line-height: 35px;
display: block;
color: #000000;
font-size: 12px;
font-weight: 600;
vertical-align: middle;
text-align: left;
text-indent: 20px;
}
.mainer-list-side-map .mainer-map-list .menu_map span a {
text-indent: 20px;
line-height: 35px;
display: block;
text-align: left;
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: 600;
}
.mainer-list-side-map .mainer-map-list .menu_map span a:hover {
color: #e4393c;
}
.mainer-list-side-map .mainer-map-list .menu_map ul {
width: 100%;
height: auto;
overflow: hidden;
}
.mainer-list-side-map .mainer-map-list .menu_map ul li {
margin: 0 auto;
width: 99.9%;
height: auto;
overflow: hidden;
}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 {
background: url(../images/menu_map.jpg) repeat-x bottom;
color: #333333;
height: 48px;
line-height: 48px;
font-size: 16px;
font-weight: 100;
overflow: hidden;
}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 a {
line-height: 48px;
display: block;
text-indent: 20px;
text-align: left;
color: #333333;
text-decoration: none;
font-size: 12px;
font-weight: 500;
}
.mainer-list-side-map .mainer-map-list .menu_map ul li h1 a:hover {
color: #e4393c;
}
.mainer-list-side-map .mainer-map-list .map_listname {
float: none;
width: 100%;
}
.mainer-list-side-map .mainer-map-list .map_listname ul {
margin-left: 20px;
width: 100%;
}
.mainer-list-side-map .mainer-map-list .map_listname ul li {
float: left;
margin-right: 18px;
width: auto;
/* height: 48px; */
line-height: 48px;
text-align: left;
}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 {
height: 48px;
line-height: 48px;
width: auto;
text-align: left;
float: left;
clear: right;
font-size: 12px;
}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 a {
color: #ABABAB;
text-decoration: none;
text-align: left;
font-weight: 500;
margin-bottom: 0px;
font-size: 12px;
}
.mainer-list-side-map .mainer-map-list .map_listname ul li h2 a:hover {
color: #e4393c;
}
/**分页**/
#home-page {
width: 98%;
height: 30px;
margin: 10px auto 60px auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
#home-page a {
font-size: 14px;
color: #00449A;
height: 30px;
line-height: 30px;
}
#pagelist {
width: 100%;
height: 32px;
margin: 30px auto 10px auto;
display: flex;
display: -webkit-flex;
justify-content: center;
}
#pagelist a {
width: 60px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #444;
background: #EDEDED;
border: #cccccc 1px solid;
border-radius: 2px;
text-align: center;
margin: 0 5px;
}
#pagelist a#nowpage {
border: #00449A 1px solid;
background-color: #00449A;
color: #ffffff;
}
/**qq**/
#online_qq_layer {
z-index: 22000;
position: fixed;
right: 0px;
top: 0;
margin: 200px 0 0 0;
}
#online_qq_tab {
width: 45px;
float: left;
margin: 95px 0 0 0;
position: relative;
background: url("../images/qMenu.jpg") no-repeat center;
}
#online_qq_tab a {
display: block;
height: 120px;
line-height: 999em;
overflow: hidden;
}
#onlineService {
display: block;
float: left;
width: 140px;
background: #1C599D;
padding-top: 15px;
padding-bottom: 15px;
}
.onlineMenu {
width: 120px;
height: auto;
background: #298AF1;
margin: 0 auto;
}
.onlineMenu h3 {
font-size: 16px;
color: #fff;
font-weight: bold;
width: 110px;
margin: 0 auto;
border-bottom: 1px solid #E5E5E5;
height: 39px;
line-height: 40px;
text-align: center;
}
.onlineMenu li {
height: 30px;
text-align: center;
display: block;
font-size: 18px;
font-weight: bold;
color: #000;
padding-top: 15px;
}
.onlineMenu li a {
display: block;
height: 30px;
line-height: 30px;
}
.onlineMenu li a img {
display: block;
margin: 0 auto;
}
.onlineMenu li.weixin {
background: url("../images/wx.png") no-repeat center;
position: relative;
margin: 10px 0;
}
.onlineMenu li.weixin img {
display: none;
width: 100px;
height: 100px;
position: absolute;
right: 120px;
top: -20px;
}
.onlineMenu li.weixin:hover img {
display: block;
}
.onlineMenu .qTel {
width: 110px;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
margin: 0 auto;
}
.onlineMenu .qTel span {
display: block;
width: 110px;
height: 20px;
background: url("../images/qTel.png") no-repeat center;
margin: 0 auto;
padding-bottom: 20px;
}
.onlineMenu .qTel p {
font-size: 14px;
color: #fff;
font-weight: bold;
text-align: center;
height: 30px;
line-height: 30px;
}
/********/
.public-fixed {
width: 70px;
height: 280px;
position: fixed;
top: 30%;
right: 15px;
background: #0081CC;
z-index: 9999;
}
.public-fixed ul li {
float: none;
width: 70px;
height: 70px;
border-bottom: 1px solid #006CA9;
}
.public-fixed ul li:hover {
background: #055F95;
}
.public-fixed ul li a {
display: block;
width: auto;
height: auto;
z-index: 99999;
}
.public-fixed ul li a span {
display: block;
width: 70px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 14px;
color: #fff;
}
.public-fixed ul li a b {
display: block;
width: 70px;
height: 25px;
z-index: 99999;
}
.public-fixed ul li.fwc a {
padding: 15px 0 2px 0;
position: relative;
}
.public-fixed ul li.fwc a b {
background: url("../images/fwx.png") no-repeat center;
}
.public-fixed ul li.fwc a img {
opacity: 0;
display: inline-block;
width: 150px;
height: 150px;
position: absolute;
top: 0;
right: -70px;
transition: all .45s;
visibility: hidden;
}
.public-fixed ul li.fwc a:hover img {
opacity: 1;
visibility: visible;
right: 70px;
}
.public-fixed ul li.fdy a {
padding: 15px 0 2px 0;
position: relative;
}
.public-fixed ul li.fdy a b {
background: url("../images/fdy.png") no-repeat center;
}
.public-fixed ul li.fdy a img {
opacity: 0;
display: inline-block;
width: 210px;
height: 288px;
position: absolute;
top: 0;
right: -70px;
transition: all .45s;
visibility: hidden;
}
.public-fixed ul li.fdy a:hover img {
opacity: 1;
visibility: visible;
right: 70px;
}
.public-fixed ul li.ftel a {
padding: 15px 0 2px 0;
position: relative;
}
.public-fixed ul li.ftel a b {
background: url("../images/ftel.png") no-repeat center;
}
.public-fixed ul li.ftel a:after {
display: inline-block;
opacity: 0;
clear: both;
overflow: hidden;
width: 120px;
height: 45px;
line-height: 45px;
text-align: center;
content: attr(title);
background: #0081CC;
position: absolute;
top: 10px;
right: -70px;
font-size: 15px;
color: #fff;
}
.public-fixed ul li.ftel a:hover:after {
opacity: 1;
right: 70px;
}
.public-fixed ul li.fqq a {
padding: 10px 0 2px 0;
position: relative;
}
.public-fixed ul li.fqq a b {
background: url("../images/fqq.png") no-repeat center;
}
.public-fixed ul li.fqq a img {
opacity: 0;
display: inline-block;
width: 150px;
height: 150px;
position: absolute;
top: 0;
right: -70px;
visibility: hidden;
transition: all .45s;
}
.public-fixed ul li.fqq a:hover img {
opacity: 1;
visibility: visible;
right: 70px;
}
.public-fixed ul li.ftop {
border-bottom: 0;
}
.public-fixed ul li.ftop a {
padding: 3px 0 2px 0;
}
.public-fixed ul li.ftop a b {
background: url("../images/ftop.png") no-repeat center;
}
/*s*/
.superioritylist{width: 1200px; height: px; margin: 76px auto; padding: 0px 0px 0px 0px; }
/*bs 滚动图 */
#public_pic2 {position: relative;width: 100%;height:px;margin: 38px 0 0px;}
#public_pic2 b {display: block !important;position: absolute; top: 105px;z-index: 9999; width: 52px;height: 55px;cursor: pointer;}
#public_pic2 b#btnLeft2 {background: url("../images/btnLeft.png") no-repeat center; left: 0;}
#public_pic2 b#btnRight2 {background: url("../images/btnRight.png") no-repeat center;right: 0;}
/*#public_pic .conbox 控制除了左右按钮中间的部分*/
#public_pic2 .conbox { overflow: hidden;width: 1135px; height: 342px; margin: 0 auto; }
#public_pic2 ul {position: relative; }
#public_pic2 ul li{overflow: hidden;float: left; width: 338px; height: 342px; margin: 0px 20px; transition: all 0.6s; }
#public_pic2 ul li a span{clear: left;overflow: hidden;display: block; width: 338px; height: 263px; margin: 0px auto 0px;text-align: center}
#public_pic2 ul li a img{ width: 338px; height: 263px; transition: all 0.6s; }
#public_pic2 ul li a h1{font-size: 16px; font-weight:normal; line-height: 45px; color:#fff ; text-align: center;transition: all 0.6s; }
#public_pic2 ul li:hover{}
#public_pic2 ul li:hover a span img{ transform: scale(1.2);}
#public_pic2 ul li:hover a h1{}
/*bs 滚动图 end*/
/*e*/
/*s*/
.foots_colLine{
width: 0px;
height: 200px;
margin: 62px 73px 0px 14px;
padding: 0px 0px 0px 0px;
float: left;
border-left: 1px solid #0a2a4d;
border-right: 1px solid #3873b3;
}
.foots_lx {
width: 418px;
height: px;
margin: 21px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
color: rgba(255, 255, 255, 0.7);
}
.foots_lx h2{ line-height: px; font-size: 25px; font-weight: 400; color:#EFFFF6}
.foots_lx font{ line-height: px; font-size: 35px; font-weight: 400; line-height: 50px;;font-weight: bold }
.foots_lx span{ line-height: 33px; font-size: 15px; font-weight: 400; display: block}
.foots_ewm{width: 144px; height: px; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; text-align: center}
.foots_ewm span{ line-height: 40px; font-size: 15px; font-weight: 400; color:rgba(255, 255, 255, 0.7);;}
/*e*/
/* s */
.xy_head {position: fixed; z-index:76;width: 100%; transition: all 1s;; }
.small_top.actives{opacity: 0; height: 0px;}
.small_top { width: 100%; height: 34px; background: url("../images/small_top.png") repeat-x center top; transition: all .3s; opacity: 1; }
.small_top_center { overflow: hidden; width: 1200px; height: px; margin: 0 auto; }
.logo_top.actives{opacity: 0; height: 0px;}
.logo_top { width: 100%; height: 140px; background: #fff ; transition: all .3s; }
.logo_top_center { overflow: hidden; width: 1200px; height: px; margin: 0 auto; }
.small_top_left h1{ float: left; width: px; height: 34px; margin: 0px 0px 0px 0px; font-size: 13px; color:#333 ; line-height: 34px; }
.small_top_left h2{ float: left; width: px; height: 34px; margin: 0px 0px 0px 0px; font-size: 13px; color:#333 ; line-height: 34px; }
.small_top_right{ float: right; width: px; height: px; margin: 0px 0px 0px 0px; color:#333 ; line-height: 34px;}
.xy_logo_left {
float: left;
width: 923px;
height: 76px;
margin: 34px auto 0px;
padding: 16px 0px 0px 246px;
background: #fff url("../images/logo.png") no-repeat left top;
}
.xy_logo_left h2{color:#333;font-size: 24px;line-height: 44px;margin: -14px 0 0 33px;}
.xy_logo_left h1{color:#333;font-size: 15px;line-height: 26px;margin: -7px 0px 0px 33px;}
.xy_logo_left h3{color:#333;font-size: 24px;line-height: 27px;padding: 0px 0px 0px 2px;margin-top: -5px;}
.xy_tel_right{position:relative;float: right; width: 193px; height: 61px; margin: 19px auto 0px; padding: 0px 0px 0px 0px; background: #fff url("../images/head_tel.png") no-repeat center top; }
.xy_tel_right img{position:absolute; left: 6px; top: 10px; z-index: 1; width: 44px; height: 44px; }
.xy_tel_right span{position:absolute; left:59px; top: 10px; z-index: 1; width: px; height: px; ;}
.xy_tel_right span h6 {
color: #0457a7;
font-size: 21px;
line-height: px;
font-weight: 700;
}
/* e */
/*头部导航*/
.head_menus {
width: 100%;
height: 65px;
background: #015cb5;
transition: all 1s;
margin: -10px 0 0 0;
}
.head_menus_mid{ width: 1200px; height: 65px; margin: 0 auto;}
#xy_menu {/*float:right;*/width: 1200px; margin-right: 0px; }
#xy_menu li {position: relative;float: left;width: 200px;height:65px;/* margin: 0 10px; */line-height:65px;text-align: center;transition:all 0.6s;}
/*.logo.active #xy_menu>li {height:80px; line-height:80px;}*/
#xy_menu li a {display: block;width: 200px;height:65px;font-size: 17px;color: #fff;font-weight:bold;transition: all .45s linear;}
#xy_menu li.navon a {/*height:65px; border-bottom: 3px solid #e50200; color: #333*/ background: #084682}
#xy_menu li span { display: none; }
#xy_menu li ul {position: absolute; top: 120px; opacity: 0; transition: all .6s; visibility: hidden; z-index: 9999;}
#xy_menu li ul li {clear: both;float: none;overflow: hidden;width: 200px;height: 34px;line-height: 34px;border-bottom: 1px solid #fff;background: #2D6EB0;transition: all .6s;margin: 0;}
#xy_menu>li:last-child { width: 60px;}
#xy_menu li ul li a { width: 100%; font-size: 13px; color: #333; margin: 0;}
/*.logo.active #xy_menu li ul li a { width: 100%; font-size: 13px; color: #fff; margin: 0;}
#xy_menu li ul li:hover {border-radius: 0;}*/
#xy_menu li ul li:hover a {color: #fff; background: #157EE8;}
#xy_menu li:hover a {/*border-bottom: 3px solid #F89B2D;*/ /*color: #333; border-bottom: 3px solid #e50200;*/ background: #084682}
#xy_menu li:hover ul {top: 66px; opacity: 1; visibility: visible;}
/*.logo.active #xy_menu li:hover ul {top: 80px; opacity: 1; visibility: visible;}*/
#xy_menu li:hover ul li a { color: #fff;}
/*#xy_menu li.navli2 ul li{width: 150px;margin-left: -30px;}*/
/*头部导航 end*/
/*产品*/
.xq_pro{width: 100%; height: px; background: #f4f4f4 ;margin-top: 0px;}
.xq_pro_center{overflow: hidden;width: 1347px; margin: 0 auto; padding-top: 0px; }
.xq_pro_head{width: 706px; height: px; margin: 65px auto 0px;}
.xq_pro_head i{display: block; width: px; height: px; margin: 0px auto 0px; font-size: 36px; line-height: px; font-family: '思源黑体 CN'; font-style: normal; color:#cecdcd ; text-align: center; text-transform: uppercase;}
.xq_pro_head font{display: block; width: 706px; height: 1px; margin: 14px auto 0px;;background: #fff url("../images/arm_title_line.png") no-repeat center top;}
.xq_pro_head h1{display: block; width: 160px; height: 30px; margin: -15px auto 0px; font-size: 30px; line-height: 30px; font-family: '思源黑体'; font-style: normal; color:#484545 ; text-align: center;}
.xq_pro_head span{display: block; margin: 18px auto 0px; font-size: 14px; font-weight:normal; line-height: px; font-style: normal; color:#333 ; text-align: center;}
.xq_pro_list {overflow: hidden;clear: both}
.xq_pro_list .pro_con_on{display: block;margin-top:40px;}
.xq_pro_list li {position: relative;float:left;width: 441px; height: 487px; background: #fff;margin:17px 8px 17px 0px;transition: all 0.6s}
.xq_pro_list li:hover{arm_head-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);}
.xq_pro_list li a {display: block;width: 360px;margin:30px auto 0;text-align: center;}
.xq_pro_list li a span{display: block; overflow: hidden; width: 361px; height: 302px; border: 1px solid #e3e2e2}
.xq_pro_list li a span img{width: 361px; height: 302px; position: relative;margin-bottom: 10px;transition:all 0.6s;}
.xq_pro_list li:hover a span img{transform: scale(1.1);}
.xq_pro_list li a h1 {
width: 312px;
line-height: 19px;
font-size: 16px;
text-align: left;
transition: all 0.6s;
}.xq_pro_list li:hover a h1{margin-left: 10px;}
.xq_pro_list li a h2{width: 312px; line-height: 26px; font-size: 14px; color: #979596; text-align: left; }
.xq_pro_list li a i{position: absolute;right: 25px;bottom: 62px;transition: all 0.6s}
.xq_pro_list li:hover a i{right: 20px;}
.xq_pro_more a{clear:both;display: block;width: 168px; height: 56px; margin: 30px auto; font-size: 16px; color:#fff ; line-height: 56px; font-weight:normal; text-align: center; background:#1E50AE ;text-indent: 0px; transition:all 0.6s }
.xq_pro_more a:hover{background:#FE9900 ;}
.rk_goods_sort {
width: 1320px;
margin: 76px auto -35px;
display: flex;
justify-content: space-between;
}
.rk_goods_sort li a{display: block;float: left; width: 196px; height: 65px; margin: 0px 24px 20px 0px; background:#106cb6; text-align: center; font-size: 18px; color:#fff ; line-height: 65px; font-weight:normal; transition: all 0.6s; }
.rk_goods_sort li:hover a{background: #F5A10D; color: #fff }
/*产品 end*/